?
This document uses PHP Chinese website manual Release
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前端開發(fā)參考手冊系列</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>
點擊 "運行實例" 按鈕查看在線實例