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

选择器的权重
由低到高
*、继承、兄弟、相邻等          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、付费专栏及课程。

余额充值