如何确定CSS选择器的优先级？

html-css022

如何确定CSS选择器的优先级？,第1张

CSS选择器优先级

（1）CSS选择器都有权重值，权重值越大优先级越高。

内联样式表的权重值最高，值为1000。

id选择器的权重值为100。

class选择器的权值为10。

类型（元素）选择器的优先级为1。

通配符选择器的优先级为0。

（2）当权值相等时，后定义的样式表要优于先定义的样式表。

（3）在同一组属性设置中表有“!important"规则的优先级最大。

CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。

1.如果样式是行内样式（通过Style=””定义），那么a=1

2.b为ID选择器的总数

3.c为Class类选择器的数量。

4.d为类型选择器的数量

5.属性选择器，伪类选择器和class类选择器优先级一样，伪元素选择器和类型选择器一样

6.!important 权重最高，比 inline style 还要高