CSS三大特性

层叠性

浏览器处理冲突的一种能力,有冲突的样式按CSS的书写顺序 以最后书写的CSS样式为准,只有冲突的样式会被层叠

继承性

子标签可以从其父标签继承部分样式(一般情况下与文本相关的会继承)

优先级

类选择器的优先级比标签选择器的优先级(权重)高

  1. 不同的选择器有给定的权重,权重越大的越先执行
  2. 标签选择器的贡献值为0,0,0,1,类选择器的贡献值为0,0,1,0,两个贡献值的比较是从右到左比较,高位的数比较大的权重比较大,即选择器的权重比较大
  3. id选择器的权重为0,1,0,0,行内样式的贡献值为1,0,0,0,即行内样式的权重 > id选择器的权重 > 类选择器 > 标签选择器
  4. 每个 !important 的贡献值为无穷大,即为最大的
  5. *(全部元素)或者 继承 的权重为0,0,0,0,即为最小的;只要是自己给了特定样式 不论从父标签继承的权重有多高都是自己的优先,即继承的权重为0
  6. 同级的选择器才按照在CSS中的书写顺序,以后面写的为准,或者当出现有多个权重相同的情况时也是按照就近原则
  7. 权重会叠加,如div p表示的是div中的p元素,叠加后的权重为0,0,0,2,伪类选择器a:hover的叠加后的权重为0,0,1,1(a为0,0,0,1,:hover为0,0,1,0),注意这种叠加没有进位(进制)的说法
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值