css三大特性 层叠性 继承性 优先级

CSS的三个关键特性是层叠性、继承性和优先级。层叠性决定了当相同选择器设置相似样式时,哪个样式会被应用,通常遵循就近原则。继承性允许子元素从父元素继承某些样式,如颜色和字体,但不包括高度和盒模型。优先级基于选择器的权重决定样式执行,行内样式、ID选择器、类和伪类、元素选择器以及通用选择器具有不同的权重。`!important`指令拥有最高优先级。
摘要由CSDN通过智能技术生成

 css有三个重要的特性:  层叠性    继承性     优先级
    层叠性:相同选择器给设置相同样式,此时一个样式就会覆盖(层叠)另一个样式
    层叠性原则:1.样式冲突,遵循就近原则,哪个样式离结构近,就执行哪个样式
           2.样式不冲突时,不会层叠.       
    
    css继承性:子标签会继承父标签的某些样式,比如文本颜色,字体大小
              子元素可以继承元素的样式(text-/font-/line-这些元素开头的可以继承以及color类型也是可以被继承的)
              不能被继承的, 高度,盒子模型这些都不能被继承
              行高的继承性:  
                  font:12px/24px 楷体;   (字体大小/行高  字体样式)
                  font-size: 12px/1.5 楷体; (字体大小/行高倍数  字体样式)
              子元素继承父元素的行高 例如:1.5倍 这里有个算法:当前子元素文字大小的1.5倍为行高大小
    
    优先级:权重
    当一个元素(标签)指定多个选择器,就会产生优先级
    选择器相同的情况下,执行层叠性
    选择器不同,根据选择器权重执行
 
    继承权重为0 如果该元素没有被直接选中不管父元素的权重有多高,子元素得到的权重都是0

    a默认是指定的样式 蓝色字体 下划线 层叠掉了默认样式 所以只能找到a才能修改a的样式

    选择器:              权重值:
    继承或者通配符(*)      0
    元素选择器             1
    类选择器,伪类选择器    10
    id选择器              100
    行内样式              1000
    !important            无穷大

    !important 为最高权重

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

鲤忆

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

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

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

打赏作者

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

抵扣说明:

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

余额充值