复合选择器

1.CSS复合选择器

复合选择器可高效选择元素，可由两个或多个基础选择器，通过不同方式的组合而成。

• 使用后代选择器给元素添加样式
• 使用并集选择器给元素添加样式
• 使用伪类选择器给元素添加样式

1.1后代选择器

后代选择器又称为包含选择器，基本使用方法：

father child{
  attr:value;
}

1.2子元素选择器

子元素选择器只能选择下一级的子标签，不能影响子标签内部的元素，基本使用方法：

father > child{
  attr:value;
}

1.3交集选择器

有两个选择器构成，既有前选择器的特点又有后选择器的特点

选择器1.选择器2{
  attr:value;
}

选择交集选择器时，需要使用.访问两个选择器的交集部分。

并集选择器

某些选择器选择的元素样式相同，可以使用能够并集选择器。

选择器1, 选择器2{
  attr:value;
}

使用,选择两个选择器的并集。通常用于集体声明几个选择器的共同样式属性。