语法:
E:not(s) { sRules }
说明:
匹配不含有s选择符的元素E。
-
有了这个选择符,那么你将可以很好的处理类似这样的场景:假定有个列表,每个列表项都有一条底边线,但是最后一项不需要底边线
示例:
.demo li:not(:last-child) { border-bottom: 1px solid #ddd; } 上述代码的意思是:给该列表中除最后一项外的所有列表项加一条底边线
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0-8.0 | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
IE9.0+ |