假设您有一个处于三种可能状态之一的 div。
<div id="apple" />
<div id="apple" class="expanded" />
<div id="apple" class= "collapsed" />
只有当展开和折叠类不存在时，您如何才能明确定位#apple div？
我想到的是 #apple :not[id$="ed"] 但它不起作用。是否可以组合这两种选择器？
注意:对于这种情况，直接设置#apple 样式是不够的。只有当展开和折叠类不存在时，才必须明确选择。唯一需要支持的浏览器是当前版本的 Chrome。
最佳答案
#apple:not(.expanded):not(.collapsed)
但是，拥有多个 id=apple 元素是无效的。从技术上讲，您还可以这样做:#apple:not([class~=expanded]):not([class~=collapsed])。更一般地说，也许 #apple:not([class])
关于html - 如何在 CSS 中组合通配符和非选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22699456/