E:not(s)

语法

  • 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+

示例


<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<style>
p:not(.abc) {
    color: #f00;
}
</style>
</head>
<body>
<p class="abc">否定伪类选择符 E:not(s)</p>
<p id="abc">否定伪类选择符 E:not(s)</p>
<p class="abcd">否定伪类选择符 E:not(s)</p>
<p>否定伪类选择符 E:not(s)</p>
</body>
</html>