css4 否定伪类

Author Avatar
tanglijun 3月 03, 2017

css4 否定伪类

否定伪类

这个伪类叫做否定伪类,它有一个参数,是一个简单的选择器列表(组合选择器无效)。它匹配传入参数以外的元素,但它不能嵌套自己,比如像这个无效示例:E:not(:not(F))

语法

:not(negation-selector1[, negation-selector2, …]) {}

CSS3 中 :not 只支持简单的选择器。

示例

:not(negation-selector1[, negation-selector2, …]) {}

CSS3 中 :not 只支持简单的选择器。

示例

a:not([rel="external"], [rel="nofollow"]) {
  color: red;
}

这个示例中,所有没有 rel 属性值为 external 或者 nofollow 的链接将被选中。因此,你可以给 external 或者 nofollow (已标记的) 链接添加不同的样式。

浏览器支持情况

http://caniuse.com/#feat=css-not-sel-list

参考资料

许可协议:署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
本文链接:https://tanglj.cn/2017/03/03/css4-negation-pseudo-class/