Come si esegue l'override "-moz-user-select: none;" su un elemento figlio?

Question

Questa domanda CSS rule to disable text selection highlighting mostra come impedire la selezione del testo su un elemento. Una volta che hai impedito la selezione, come puoi quindi consentire la selezione per un elemento figlio specifico? ad esempio

<div class="no-select"> 
    <p>some text that cannot be selected</p> 
    <p class="select">some text that can be selected</p> 
    <p>some text that cannot be selected</p> 
</div> 

table.no-select{ 
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
} 

td.select{-webkit-touch-callout: all !important; 
-webkit-user-select: all !important; 
-khtml-user-select: all !important; 
-moz-user-select: all !important; 
-ms-user-select: all !important; 
user-select: all !important; 
} 

Il .no-select regola di cui sopra funziona, ma il mio tentativo di una regola .select non, qual è il modo corretto di fare questo?

Answer 1

Provare -moz-user-select: text anziché all.

Come riferimento futuro, ogni volta che si preoccupa dei possibili valori per una regola css, controllare un sito come MDN.

Here è il collegamento MDN per user-select.