1、定义：由两个或多个基础选择器，通过不同的方式组合而成。
2、作用：更准确、更高效的选择目标元素（标签）。
3、后代选择器
定义：选中某元素的后代元素
选择器写法：父选择器 子选择器{CSS属性}，父子选择器之间用空格隔开。
例：<style>
div span{
color=red;
}
</style>
<body>
<span>span 标签</span>
<div>
<span>这是div的儿子span标签</span>
</div>
</body>
4、子代选择器
定义：选中某元素的子代元素（最近的子级）
选择器写法：父选择器>子选择器{CSS属性}，父选择器之间用>隔开。
例：<style>
div>span{
color:red;
}
</style>
5、并集选择器
定义：选中多组标签设置相同的样式
选择器写法：选择器1，选择器2，选择器3，....，选择器N{CSS属性},选择器之间用,隔开。
例：
代码：
结果：
6、交集选择器——了解
定义：选中同时满足多个条件的元素。
选择器写法：选择器1选择器2{CSS属性}，选择器之间连写，没有任何符号。
例：
代码：
结果：
注意：如果交集选择器中有标签选择器，标签选择器必须书写在最前面！
7、伪类选择器
定义：伪类表示元素状态，选中元素的某个状态设置样式。
鼠标悬停状态:选择器:hover{CSS属性}
例：
代码：
结果：
伪类——超链接：
四个状态：
| 选择器 | 作用 |
| ：link | 访问前 |
| ：visited | 访问后 |
| ：hover | 鼠标悬停 |
| ：active | 点击时（激活） |
提示：如果要给超链接设置以上四个状态，需要按L（link）V（visited）H（hover）A（active）的顺序书写。
标签：span,标签,元素,复合,选中,选择器,CSS From： https://blog.csdn.net/k_k_kkh/article/details/143258227