?
This document uses PHP Chinese website manual Release
E>F { sRules }
與 包含選擇符(E F) 不同的是,子選擇符只能命中子元素,而不能命中孫輩。
示例:
.demo > div { position: relative; } <div class="demo"> <div class="a"> <div class="b">子選擇符</div> </div> </div>
此例只有 .a 會(huì)被命中,因?yàn)樗?.demo 的子元素;
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0 | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
7.0+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>子選擇符 (E>F)_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test > li > a { color: #f00; } </style> </head> <body> <ul class="test"> <li> <a href="?">列表項(xiàng)目1</a> <ul> <li><a href="?">項(xiàng)目列表1.1</a></li> <li><a href="?">項(xiàng)目列表1.2</a></li> </ul> </li> <li> <a href="?">列表項(xiàng)目2</a> <ul> <li><a href="?">項(xiàng)目列表2.1</a></li> <li><a href="?">項(xiàng)目列表2.2</a></li> </ul> </li> <li><a href="?">列表項(xiàng)目</a></li> <li><a href="?">列表項(xiàng)目</a></li> </ul> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例