©
本文档使用
php.cn手册 发布
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前端开发参考手册系列</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>
点击 "运行实例" 按钮查看在线实例