Как вы переопределяете "-moz-user-select: none;" на дочернем элементе?

Этот вопрос правило 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 не подходит, каков правильный способ сделать это?

Ответ 1