复合选择器

交集选择器：

作用：选中同时符合多个条件的元素

交集有 并且 的含义（通俗理解：即....又....的意思）例：年轻且长得帅

语法：选择器1选择器2选择器3...以此类推{}

例：

并集选择器：

作用：选中多个选择器对应的元素 又称：分组选择器

所谓并集就是或者的含义 例：要么去死 要么别活了

语法：选择器1,选择器2,选择器3,.....以此类推{}

多个选择器通过 , 来连接 此处 , 的含义就是 ：或

例：

注：

1.并集选择器 一般都是竖着写的

2.任何形式的选择器 都可视为并集选择器的一部分

3.并集选择器 通常用于集体声明 可缩小样式体积

后代选择器：

作用：选中指定元素中 符合要求的后代元素

语法：选择器1  选择器2  选择器3  ....以此类推 {}

例：

后代选择器也可嵌套其他的选择器 交集 并集 复合 都可搭配组合使用

注：

1.后代选择器最终选择的时后代 并不是选中祖先

2.儿子孙子重孙子都算是后代

3.结构一定要符合之前讲的 HTML 嵌套要求 例如：p 标签当中 不能写 h1~h6

子代选择器：

作用：选中指定元素中 符合要求的子元素（儿子元素）先写父再写子

子代选择器又称：子元素选择器 子选择器

语法：选择器1>选择器>2>选择器3>....以此类推{}

选择器之间用 > 隔开   >可以理解为："xxx的子代" 其实就是儿子的意思

选择器之间 1234....n 可以是我们之前学的任何一种选择器

例：

注：

1.子代选择器 最终选择的是子代 不是父级

2.子，孙子，重孙子，重重孙子......统统称为后代！子就是指儿子

兄弟选择器

1.相邻兄弟的选择器：

作用：选中指定元素后 符合条件的 相邻兄弟 元素

所谓相临 就是紧挨着他的下一个 

语法：选择器1+选择器2 { }

例：

2.通用兄弟选择器：

作用：选中指定元素后 符合条件的所有处于他下面的元素

语法：案例1~案例2 { }

例：

注：两种兄弟选择器 选择的皆是下面的兄弟

属性选择器：

作用：选中属性值符合一定要求元素

属性选择器拢共有五种写法：

1.[属性名] 选中具有某个属性的元素：

2.[属性名="值"]选中包含某个属性 且属性值等于指定值的元素

3.[属性名^="值"]选中包含某个属性 且属性值以指定的值开头的元素

4.[属性名$="值"]选中包含某个属性 且属性值以指定的值结尾的元素

5.[属性名*="值"]选中包含某个属性 属性值包含指定值的元素