Wie überschreiben Sie "-moz-user-select: none;" für ein untergeordnetes Element?

Diese FrageCSS-Regel zum Deaktivieren der Hervorhebung der Textauswahl zeigt, wie es gehtverhindern Textauswahl für ein Element. Wie können Sie die Auswahl für ein bestimmtes untergeordnetes Element zulassen, nachdem Sie die Auswahl verhindert haben? z.B

<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;
}

Das.no-select Regel oben funktioniert, aber mein Versuch, eine.select Regel nicht, was ist der richtige Weg, um dies zu tun?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage