CSS继承、层叠和特殊性

继承性

CSS样式的相互传递,也就是说CSS内部标签拥有CSS外部标签的某些样式。我们可以利用CSS的继承性先把网页中具有相同,可继承的样式提取出来,然后进行全局中定义,利用继承属性影响整个页面的样式。

CSS中不可以继承的属性

1.边框属性
2.边界属性
3.补白属性
4.背景属性
5.定位属性
6.布局属性
7.元素宽高属性

层叠性

CSS可以对同一元素或网页运用多个样式。当发生多个样式定义相同属性的时候以后面定义的样式为准。

div{font-size:10px}
div{font-size:15px}

最后会显示15px

优先级

1.对于不同来源的样式来说:作者>用户>浏览器>HTML
HTML:元素默认样式
作者:网页创建人创建的样式
用户:用户设置的样式
浏览器:浏览器默认的样式
2.对于相同来源的不同样式来说:一般情况行内样式>内部样式>我口水样式

特殊性

对于不同类型的选择器他们的有限级不同,权重比也不同:常规选择器权重比:
标签选择器:1
伪元素或伪对象选择器:1
类选择器:10
属性选择器:10
ID选择器:100
其他选择器:0,如通配选择器
然后根据规则计算总权值:规则如下:
ID选择器个数100
类选择器个数
10
标签选择器个数1
伪元素或伪类选择器个数
1
之后相加计算总权值,进行比较权值大的优先级高。被继承样式的优先级始终为0
!important样式具有最高的权重值,如果用数值表示的话可以用一万表示。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

覆东流

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值