?
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 會被命中,因為它是 .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參考手冊_web前端開發(fā)參考手冊系列</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="?">列表項目1</a> <ul> <li><a href="?">項目列表1.1</a></li> <li><a href="?">項目列表1.2</a></li> </ul> </li> <li> <a href="?">列表項目2</a> <ul> <li><a href="?">項目列表2.1</a></li> <li><a href="?">項目列表2.2</a></li> </ul> </li> <li><a href="?">列表項目</a></li> <li><a href="?">列表項目</a></li> </ul> </body> </html>
點擊 "運行實例" 按鈕查看在線實例