首页 > 帮助中心 > 建站常识 > css的优先级

1.css的优先级我们是用选择器的特殊程度

  • 每个元素的描述贡献(如divul)为0,0,0,1

  • 每个类(class)、伪类(如:hover)或者属性描述符贡献0,0,1,0

  • 每个ID描述符贡献0,1,0,0

2.数字左边的位数更大。一般可以这样认为:

1.    行内样式>ID>类、伪类、伪元素>元素(label

2.    ! important无视上面的规则--这是重要声明,优先级最高

3.    当有两个! important冲突时,又要参照标准1

3.css中选择性覆盖简写属性,如

border:3px dotted black;
border-left-color:red;

 

可以实现一个3条边黑色。左边为红色的点边框

然而像下面写就不会出现一个3条边黑色。左边为红色的点边框。

border-left-color:red;
border:3px dotted black;

这是因为后面的样式会覆盖前面的样式(对于相同元素),

所以当使用这种选择性覆盖时,确保用来覆盖简写属性的属性出现在简写属性之后。

 

收缩
  • 联系电话

  • 18172635583周经理

    18177335833丘经理