css权重就是css样式优先级,有两条或多条样式作用于一个元素时,权重高的那条样式对元素起作用,权重相同的,后面的样式会覆盖前面的样式。
权重的等级
- !important加在样式属性后权重为10000
- 内联样式,如style="",权重值为1000
- ID选择器,如"#block"权重值为100
- 类,伪类,属性选择器,如:"block、:hover"权值为10
- 标签选择器,伪元素选择器,如:"p、div、:after、:before"权值为1
- 相邻选择器(+)、同胞选择器(~)、通用选择器(*)、子选择器(>)权值为0