css的某些特殊属性

当我们为同一个元素设置了两个css属性时,这个元素会使用哪一个属性呢?

<p class="style">css特殊性</p>
p{
    color:red;
}
.style{
    color:blue;
}

p和.style都匹配到这个元素上,这个元素会选择哪个呢?浏览器会选择.style。这是根据一个叫做权值的特性来决定的。哪种权值高就使用哪种样式。
权值规则
*标签权值:1
类选择器:10
ID:100*
由此可知:

p{
    color:red;
}权值为1
.style{
    color:blue;
}权值为10

如p span .warning{}的权值为1+1+10=12

问题:当html文件中对于同一个元素可以有多个CSS样式存在,并且这多个CSS样式具有相同的权重值该怎么办?
层叠。在html文件中对于同一个元素可以有多个css样式存在,当有相同权值存在的样式时,会根据css样式的前后顺序来决定。所以出于最后的css样式会被启用。

有时在做网页代码时,有些特殊情况需要为某些样式设置具有最高权值。
!important可以实现

P{
            color:red!important;
    }

最后,一般情况下css样式优先级的排列如下:
内嵌式 > 嵌入式 > 外部css

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值