css权重

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

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

2、ID选择器

 

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

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

4、元素和伪元素

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

伪元素：

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

 

 

从0开始，一个行内样式+1000，一个id+100，一个属性选择器/class或者伪类+10，一个元素名，或者伪元素+1