CSS权重的问题

important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符

1、行内样式，指的是html文档中定义的style

行内样式包含在你的html中 对你的元素产生直接作用，比如:

<h1 style="color: #fff;">header</h1>

2、ID选择器

Id也是元素的一种标识，比如#div

3、类，属性选择器和伪类选择器

这一类包括各种class，属性选择器，伪类选择器比如 :hover,:focus等等。

4、元素和伪元素

元素跟伪元素选择器，比如:before 与 :after.

这里我要补充的：伪元素选择器只包含以下几种:

1.  ::after
2.  ::before
3.  ::first-letter
4.  ::first-line
5.  ::selecton