总结
!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层,嵌套层级越高权重越高越不易复用