后代选择器:
由于基础选择器不能实现所有选择情况,后期在基础选择器的基础上衍生出了几种高级选择器。高级选择器的组成部分是基础选择器。
通过标签之间存的嵌套关系(族谱关系) 去选择元素,基本组成部分就是基础选择器。
后代选择器也叫包含选择器。
书写方式:空格表示后代,基础选择器中间使用空格分隔,空格前面的选择器选中的标签必须是后面选择器选中标签的祖先级。
选择范围:通过后代选择器中前面的一系列基础选择器缩小选择范围,最终由最后-个选择器确定选中的标签。
注意:后代选择器必须满足所有的后代关系才能够被选中,后代关系不一定只能是父子关系。
后代选择器特点:
优点:减少 class 属性的定义使用,选择效率更高。
交集选择器:
? 通过一个标签之上满足所有的基础选择器的需求去选择标签。
? 书写方式:基础选择器进行连续书写,如果有标签选择器参与交集,必须书写在开头。
? 选择范围:
选择的是满足所有基础选择器需求的标签,如果一个条件不满足都不能被选中。
? 比较常见的是标签与类的交集。
交集选择器更多写法:
? 交集选择器可以进行类名的连续交集,需要满足更多的条件才能选中标签。
? IE6 不支持类名连续交集写法。
? 交集选择器可以作为其他高级选择器的组成部分。
并集选择器:
不同选择器选中的元素都要设置相同的样式,多次书写相同的样式属性对代码造成浪费,可以将前面六种选择器可以进行并集书写,相当于一种简化写法。
书写方式:将多个选择器中间用逗号进行分隔,最后一个后面不能加逗号。
选择范围:是所有的单独选择器选中的标签的并集集合。
并集选择器用途:
①如果多个标签具有公共样式,但是不能用一个选择器选中,可以使用并集写法。
②可以使用标签选择器的并集写法,进行默认样式的清除,替换通配符的功能。