©
本文档使用 PHP中文网手册 发布
E:not(s) { sRules }
有了这个选择符,那么你将可以很好的处理类似这样的场景:假定有个列表,每个列表项都有一条底边线,但是最后一项不需要底边线
示例:
.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> <meta charset="utf-8" /> <title>否定伪类选择符 E:not(s)_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <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>
点击 "运行实例" 按钮查看在线实例