CSS三大特性总结(继承性,优先级,层叠性)

本文详细介绍了CSS的三大特性:继承性、优先级和层叠性。继承性是父元素属性向后代元素传递的机制,常用于简化代码。优先级决定了当元素有多个样式冲突时,哪个样式生效,计算方式涉及ID、类、元素等选择器的权重。层叠性在样式冲突时,依据来源、特殊性、优先级和顺序确定最终样式。理解这三大特性有助于编写高效且可控的CSS代码。
摘要由CSDN通过智能技术生成

一.继承性

1.概念

父元素向后代元素传递属性的机制。

2.表现

后代元素会继承父元素的属性。

3.总结常用可继承的属性

font-size、font-style、font-weight、font-family、font、text-align、text-indent、cursor、list-style等

4.强制继承

每个CSS属性都接受这些值inherit,表示强制开启了继承”。

5.作用

恰当地使用继承可以简化代码,降低CSS样式的复杂性。

 二.优先级

1.概述
浏览器通过优先级来判断哪些属性值与一个元素最为相关,从而在该元素上应用这些属性值。 样式不冲突,优先级没有意义。当同一个元素有多个冲突声明的时候,优先级才会有意义。
2.行内样式与选择器的优先级
概述:优先级是基于不同种类选择器组成的匹配规则。优先级就是分配给指定的 CSS 声明的一个权重,它由匹配的选择器中的每一种选择器类型的数值决定。

概述:选择器的权重表述为4个部分,比如0,0,0,0

一个选择器的数值如下确定:

(1)对于选择器中给定的各个ID属性值,加1,0,0,0

(2)对于选择器中给定的各个类属性值、属性选择或

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值