6、前端开发:CSS知识总结——样式的继承和选择器的权重

本文深入探讨了CSS选择器的权重规则,从低到高依次为:通用选择器、标签选择器、类选择器、ID选择器、内联样式和!important。权重相同时,遵循就近原则。在实际应用中,遇到样式未生效的情况,应首先检查选择器是否正确,其次考虑权重问题。使用!important可以强制应用样式,但应谨慎使用。
摘要由CSDN通过智能技术生成

选择器的权重
由低到高
*、继承、兄弟、相邻等          0000
标签选择器                              0001
类选择器                                  0010
ID选择器                                 0100
内联样式                                  1000
!important                             10000
组合选择器       各类相加,但不进位

注意:
1.如果选择器的权重是一样的,则优先采取靠下的样式
2.如果选择器是交集选择器权重相加,最终谁大听谁的
3.如果选择器是群组选择(并集选择器),则选择器的权重各算各的
4.选择器的权重相加,再大也不会超过它上一级权重
总结:哪个选择器越具体权重越大

实际应用过程中
如果样式没有设置成功
第一步要看有没有选中
第二步是否是权重的问题
可以用!important   测试

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

越努力越好

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

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

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

打赏作者

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

抵扣说明:

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

余额充值