复合选择器

复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的

后代选择器

后代选择器又称为包含选择器
用来选择元素或元素组的子孙后代
.box ul li{ 用空格隔开 }

子代选择器

子元素选择器只能选择作为某元素子元素(亲儿子)的元素。
.box> span{子元素选择器 只能选择子元素 用>进行链接}

交集选择器

交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点
div.box{ 在标签中有多个类 可以用交集选择器进行选择 }

并集选择器

任何形式的选择器（包括标签选择器、class类选择器id选择器等），都可以作为并集选择器的一部分
并集选择器通常用于集体声明 ，逗号隔开的，所有选择器都会执行后面样式，逗号可以理解为 和的意思。
.box ul li , .box1 p{ 用逗号隔开多个类一起使用 }

链接伪类选择器

用于向某些选择器添加特殊的效果。比如给链接添加特殊效果， 比如可以选择 第1个，第n个元素。
因为伪类选择器很多，比如链接伪类，结构伪类等等。

• a:link / 未访问的链接 /
• a:visited / 已访问的链接 /
• a:hover / 鼠标移动到链接上 /

• a:active / 选定的链接 /

  属性选择器

  选取标签带有某些特殊属性的选择器 我们成为属性选择器 ```html 标签名[属性=”值”]{

            }

/ 获取到 拥有 该属性的元素 / div[class^=font] { / class^=font 表示 font 开始位置就行了 / color: pink; } div[class$=footer] { / class$=footer 表示 footer 结束位置就行了 / color: skyblue; } div[class=tao] { / class=tao = 表示tao 在任意位置都可以 */ color: green; } ```