CSS3 中，相对于 CSS2.1 版本的 7 个选择器，增加了更多其他的选择器，实现了更多的选择方式。

子级选择器

子级选择器用于选取带有特定父元素的元素。
书写语法：element1 > element2
注意：如果 element2 元素不是父元素 element1 的直接子元素，则不会被选择。
> 符号之前书写父级的选择器，> 符号之后写子级选择器，必须满足父子级关系才能选中标签。

兄弟选择器

相邻兄弟选择器：element1+element2， 匹配同一个父元素中紧跟在element1后面的一个element2元素
其他兄弟选择器：element1~element2， 匹配同一个父元素中在element1后面的所有element2元素

结构伪类选择器

伪元素选择器

• 伪元素只能给双标签添加，不能给单标签添加
• 伪元素的冒号前不能有空格，如 E ::before 这个写法是错误的
• 伪元素里面必须写上属性 content:””
• before 和 after 创建一个元素，但是属于行内元素。

• 因为在 DOM 里面看不见刚才创建的元素，所以我们称为伪元素。

  属性选择器

  
  优先级

• 基础选择器：id 选择器 > 类选择器 > 标签选择器 > *

• 伪类选择器、属性选择器 的权重等于类选择器 。
• 伪元素选择器 的权重等于标签选择器 。

  CSS3 盒子模型