CSS三大特性(层叠性、继承性、优先级)

1. 层叠性

相同选择器(不同选择器优先级不同,如果这里是不同的选择器则不遵循就近原则)设置样式属性一样,属性值不同,此时后个样式就会覆盖(层叠)前一个冲突的样式。

CSS层叠性主要解决样式冲突的问题:样式冲突,就近原则

2. 继承性

CSS中的继承:子标签会继承父标签中的某些样式(text-,font-,line-,color)

inherited from 父标签

行高的继承:

line-height可以加单位,也可以不加单位

不加单位的行高表示:当前元素文字大小font-size的XXX倍 = line-height

如果当前元素文字大小font-size没有指定,就会继承父元素的文字大小(没有设置的话有默认值),然后再计算行高

3. 优先级

当同一个元素指定多个选择器,就会有优先级产生

选择器相同,执行层叠性

选择器不同,根据选择弃权重执行

选择器选择器权中
继承 / *0000
元素选择器0001
类选择器,伪类选择器0010
ID选择器0100

行内样式style

1000

!import无穷大

继承的权重是0,如果该元素没有被直接选中,无论父元素的权重有多高,子元素得到的权重都是0 

a标签浏览器默认指定了一个样式:蓝色的有下划线

复合选择器:权重叠加,但是不会进位

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值