CSS的复合选择器
在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。
1,复合选择器可以更准确,更高效的选择目标元素(标签)
2,复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的
3,常用的复合选择器包括:后代选择器,子选择器,并集选择器,伪类选择器等待。
1 后代选择器(重要)
后代选择器又称为包含选择器,可以选择父元素里面子元素,其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分割,当标签发送嵌套时,内层标签就成为外层标签的后代。.
语法:
元素1 元素2 {样式声明}
上诉语法表示选择元素1 里面的所有元素2(后代元素)
ul li {样式声明} /* 选择ul 里面所有的li标签元素*/
1,元素1和元素2中间用空格隔开
2,元素1是父级,元素2是子级,最终选择的是元素2
3,元素2可以是儿子,也可以是孙子等,只要是元素1的后代即可
4,元素1和元素2可以是任意基础选择器
2,子选择器(重要)
子元素选择器(子选择器)只能选择作为某元素的最近一级子元素,简单理解就是选亲儿子元素
语法:
元素1 > 元素2 {样式声