css选择器以及权重的优先级

**

选择器类型

**

1、ID　　#id

2、class　　.class

3、标签　　p

4、属性　　[type=“text”]

5、伪类　　:hover

6、伪元素　　::after

7、子代选择器、相邻(兄弟)选择器等

8、通配符　　*

**

权重计算

**

1. 内联样式，如: style=””，权值为1000。

2. ID选择器，如：#id，权值为0100。

3. 类，伪类和属性选择器，如.class，权值为0010。

4. 类型选择器和伪元素选择器，如p，权值为0001。

5. 通配符、子选择器、相邻选择器等的。如*、>、+, ~权值为0000。

6. 继承的样式没有权值。.

7. 注意使用important的样式权值最大，打破所有规则

来源：CSDN

作者：ou~吼

链接：https://blog.csdn.net/ttl1076005106/article/details/103994186