css选择器及权重
1.id选择器
#first 选择id="first" 的所有元素
2.类选择器
.first 选择class="first"的所有元素
3.属性选择器
[target] 选择带有 target 属性所有元素。
4.标签选择器
p 选择所有p标签
5.通配符选择器
* 选择所有元素
css选择器权重(256进制)
!important 无穷大
行间样式 1000
id选择器 100
类选择器|属性选择器|伪类 10
标签选择器|伪元素 1
通配符选择器 0
伪类:
伪元素:
为什么不建议使用!important?
因为 !important 很重要的一点是,他改变了CSS的层叠规则!
一旦使用了绝对权力的 !important ,层叠顺序就会乱了套,在大型项目中往往会出现很多不可预期的错误。