©
本文檔使用 php中文網手册 發布
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>
点击 "运行实例" 按钮查看在线实例