Esta preguntaRegla CSS para deshabilitar el resaltado de selección de texto muestra cómoevitar Selección de texto en un elemento. Una vez que ha impedido la selección, ¿cómo puede permitir la selección de un elemento secundario específico? p.ej

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

los.no-select La regla anterior funciona, pero mi intento de.select La regla no lo hace, ¿cuál es la forma correcta de hacer esto?