关系选择器
后代选择器
定义:选择所有被E元素包含的F标签,中间用空格隔开
语法
1 | E F{} |
1:<ul>
2: <li>宝马</li>
3: <li>奔驰</li>
4:</ul>
5:<ol>
6: <li>奥迪</li>
7:</ol>
1 | ul li{ |
2 | color:green; |
3 | } |
子代选择器
定义:选择所有作为E元素之后的的直接子元素F,对更深一层的元素不起作用,用>表示
相邻兄弟选择器
定义:选择紧跟E元素后面的F元素,选择相邻的第一个兄弟元素,只能向下选择,用+表示
通用兄弟选择器
定义:选择E元素之后的所有兄弟元素F,作用于多个元素,用~隔开,只能向下选择