复合选择器是由两个或多个基础选择器,通过不同的⽅式组合⽽成的,⽬的是为了可以选择更准确更精细的⽬标元素标签。
交集选择器
作用:选中复合多个条件的元素
语法:选择器1选择器2选择器3选择器4{}
注意:当选择器中有元素选择器时,第一个选择器必须要元素选择器(p.red)
并集选择器
作用:同时选择多个选择器的元素
语法:选择器1,选择器2,选择器3,选择器4{}
子元素选择器
作用:选择父元素的指定子元素
语法: 选择器(父元素) > 选择器(子元素) > 选择器(子元素)....
后代选择器
作用:选择指定元素内的指定后代元素
语法:选择器(父元素) 选择器(子元素) 选择器(子元素)...
注意: 后代选择器选择范围比子元素选择选择的范围要广,后代选择器中只要符合要求中不管中间是否间隔其他元素,例如上边图片中的span是否是div元素的第几层中
相邻兄弟选择器
作用:选择确定元素相邻的第一个元素
语法:选择器(前一个) + 选择器(下一个)
兄弟选择器
作用:选择确定元素相邻元素
语法:选择器 ~ 选择器
注意: 兄弟选择器和相邻兄弟选择器的前提都必须有共同的父元素