Этот вопросПравило CSS для отключения выделения текста показывает, какпредотвращать выделение текста по элементу. Как только вы предотвратили выбор, как вы можете разрешить выбор для определенного дочернего элемента? например

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

.no-select правило выше работает, но моя попытка.select Правило не, как правильно это сделать?