你如何覆盖"-moz-user-select:none;" 在一个儿童元素？

Question

此问题禁用文本选择突出显示的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规则的尝试却没有,这样做的正确方法是什么？

Answer 1

尝试-moz-user-select: text而不是all.

作为未来参考,只要关注css规则的可能值,请检查MDN之类的站点.

这是MDN链接user-select.