css的选择器权重问题

总结

!important >style>ID>Class>标签>*

不同选择器的权重不同，如下

权重为0的有 继承和*

权重为1的有元素选择器

权重为10的有类选择器(class），和伪类选择器

权重为100的有ID选择器

权重为1000的有行内样式 style

权重最大 无敌的有 !important (重要的)

选择器权重可叠加，如下

.class span 权重值为 10+1 =11 （类选择器+元素选择器）

#id p 权重值为 100+1=101 （ID选择器+元素选择器）

* 权重的数值越大，权重越高，css的样式优先级就越高

* 选择器一般嵌套不超过3层，嵌套层级越高权重越高越不易复用