css - 你如何覆盖“-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。