F)" />
子选择符(E>F)
- 版本：CSS2
语法：
E>F{ sRules }
说明：
选择所有作为E元素的子元素F。
- 与包含选择符不同的是，子选择符只能命中子元素，而不能命中孙辈。
E F VS. E>F：
<style> /* 包含选择符(E F) */ ul li{color:#f00;} /* 子选择符(E>F) */ ul>li{color:#f00;} </style> <ul class="demo"> <li>1</li> <li>2 <ul> <li>2.1</li> <li>2.2</li> <li>2.3</li> </ul> </li> <li>3</li> </ul> 此例，如果使用 .demo li{color:#f00;} ，那么 1, 2, 2.1, 2.2, 2.3, 3 都将会变成红色；如果使用 .demo>li{color:#f00;}，那么只有 1, 2, 3 会变成红色，即只有子元素会被命中；
兼容性：
- = 支持
- = 不支持
- = 部分支持
| 6.0 | 4.0 | 4.0 | 4.0 | 15.0 |
| 7.0 |