css的继承性和层叠性

CSS继承性与层叠性解析
博客介绍了CSS的继承性和层叠性。继承性方面,除部分属性自动继承外,还可强制继承;层叠性方面,说明了覆盖规则,如行内样式优先级最高,还提及数数确定权重、就近原则等,同时建议写网页用后代选择器以减少错误。

继承性:

color、text-xxx、font-xxx、line-xxx的属性是可以继承下来。盒模型的属性是不可以继承下来的
			
    .box p{
    			color: green;
    			font-size: 30px;
    			line-height: 30px;
    			background-color: yellow;
    			/* 左右对齐 */
    			text-align: right;
    		}

			a标签有特殊情况,设置a标签的字体颜色 一定要选中a,不要使用继承性
span{
			/* transparent透明,就和span所在行内元素p的背景色一样 */
			background-color: transparent;
		}

除了color、text-xxx、font-xxx、line-xxx属性自动继承其他属性还可以设置强制继承:
eg:
在这里插入图片描述

层叠性:

覆盖

(1)行内> id > class > 标签
(2)数数 数 id class 标签
(3)先选中标签,权重一样,以后设置为主
(3)继承来的属性 它的权重为0 ,与选中的标签没有可比性(选中厉害)
(4)如果都是继承来的属性,保证就近原则(后来的覆盖前面的)
(5)都是继承来的属性,选择的标签一样近,再去数权重

但写网页时一般都写后代选择器,不容易出错

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

ROOOOOOM

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

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

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

打赏作者

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

抵扣说明:

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

余额充值