一、复合选择器
定义:由两个或多个基础选择器,通过不同的方式组合而成
作用:更准确、更高效的选择目标元素(标签)
1、后代选择器
后代选择器:选中某元素的后代元素
选择器写法:父选择器 子选择器{CSS属性},父子选择器之间用空格隔开


2、子代选择器
子代选择器:选中某元素的子代元素(最近的子级)
选择器写法:父选择器 > 子选择器{CSS属性},父子选择器之间用 > 隔开


3、并集选择器
并集选择器:选中多组标签设置相同的样式
选择器写法:选择器1,选择器2,...,选择器N{CSS属性},选择器之间用 , 隔开


4、交集选择器
交集选择器:选中同时满足多个条件的元素
选择器写法:选择器1选择器2{CSS属性},选择器之间连写,没有任何符号
注:如果交集选择器中有标签选择器,标签选择器必须写在最前面


二、伪类选择器
伪类选择器:伪类表示元素状态,选中元素的某个状态设置样式
鼠标悬停状态(所有标签都可使用):选择器:hover{CSS属性}




补充:伪类-超链接
| 选择器 | 作用 |
|---|---|
| :link | 访问前 |
| :visited | 访问后 |
| :hover | 鼠标悬停 |
| :active | 点击时(激活) |
注:如果要给超链接设置以上四个状态,需要按LVHA的顺序写




