CSS学习笔记(三)继承和层叠

1、CSS继承

父元素设置样式,子元素可以继承部分属性。例如:

<p><span>继承</span></p>

给p标签设置属性,则span能继承该属性。
*注:不是所有样式都能继承,如border。

2、CSS层叠

可以定义多个样式;
不冲突时,多个样式可层叠为一个;
冲突时,按优先级来应用样式。

3、CSS优先级

id选择器>class选择器>标签选择器>通配符(全局选择器)
同一样式表中:
1.权值相同
就近原则(离被设置元素越近优先级越高)
2.权值不同
根据不同元素的权值考虑优先级
在这里插入图片描述
计算权值时,将所有选择器权值累加。如:

#test p b{color:red;}/*权值为102*/

· 使用!important使优先级最高
添加在样式之后,用空格隔开:

div{color:red !important;}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值