css的优先级笔记
发布时间:2017-08-24 16:00:06
来自《精彩绝伦的css》1.css的优先级我们是用选择器的“特殊程度”:每个元素的描述贡献(如div,ul)为0,0,0,1每个类(class)、伪类(如:hover)或者属性描述符贡献0,0,1,0每个ID描述符贡献0,1,0,02.数字左边的位数更大。一般可以这样认为:行内样 ...
来自《精彩绝伦的css》
1.css的优先级我们是用选择器的“特殊程度”:
- 每个元素的描述贡献(如div,ul)为0,0,0,1
- 每个类(class)、伪类(如:hover)或者属性描述符贡献0,0,1,0
- 每个ID描述符贡献0,1,0,0
2.数字左边的位数更大。一般可以这样认为:
- 行内样式>ID>类、伪类、伪元素>元素(label)
- ! important无视上面的规则--这是重要声明,优先级最高
- 当有两个! important冲突时,又要参照标准1
3.在css中选择性覆盖简写属性,如
border:3px dotted black;border-left-color:red;
可以实现一个3条边黑色。左边为红色的点边框
然而像下面写就不会出现一个3条边黑色。左边为红色的点边框。
border-left-color:red;border:3px dotted black;
这是因为后面的样式会覆盖前面的样式(对于相同元素),
所以当使用这种选择性覆盖时,确保用来覆盖简写属性的属性出现在简写属性之后。
原标题:css的优先级笔记
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。