Jak zastąpić „-moz-user-select: none” na elemencie potomnym?
To pytanieReguła CSS, aby wyłączyć podświetlanie zaznaczenia tekstu pokazuje jakzapobiec wybór tekstu na elemencie. Po uniemożliwieniu wyboru, w jaki sposób możesz zezwolić na wybór konkretnego elementu podrzędnego? na przykład
<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;
}
The.no-select
zasada powyżej działa, ale moja próba na.select
reguła nie, jaki jest właściwy sposób, aby to zrobić?