在排除一个课程时，使所有内容都无法选择

Question

<style> *:not(.selectable){ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectable{ -webkit-touch-callout: auto!important; -webkit-user-select: auto!important; -khtml-user-select: auto!important; -moz-user-select: auto!important; -ms-user-select: auto!important; user-select: auto!important; } </style>

如何使用class="selectable"可选择的一切来制作所有内容？目前，使用光标无法选择任何内容。

我原以为!Important会覆盖css设置，但事实并非如此！

Answer 1

您不必添加规则.selectable。 *：不（.selectable）应足以完成您的功能。

但是，Universal选择器和：not（）否定不影响特异性引用（https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#Selector_Types），所以你需要添加一些元素，以便可以覆盖浏览器默认值。您可以做的是删除通用选择器并将其更改为html或正文。

这

*：未（.selectable）{}

到

setContentView(bm);

小提琴 https://jsfiddle.net/nuf7wfj4/