CSS样式不生效?搞懂优先级,别乱加!important

5个月前 (06-03 14:20)阅读1回复0
genmulu
genmulu
  • 管理员
  • 注册排名1
  • 经验值3465
  • 级别管理员
  • 主题693
  • 回复0
楼主

新手写CSS,写了样式不生效,被别的样式覆盖,半天找不到原因,今天说CSS优先级的基础规则,看完就懂。

优先级从高到低

行内样式(直接写在标签上的style)> ID选择器(#header)> 类选择器(.btn)> 标签选择器(div、p),同样的样式,优先级高的生效。

别乱用!important

新手一看样式不生效,就加!important,把样式强行盖掉,最后CSS乱成一锅粥,后面改都改不动。先找优先级低的选择器,把样式写对,别用!important。

后面的样式覆盖前面的

优先级一样的时候,后面写的CSS覆盖前面的,写样式的时候注意顺序,把通用样式放前面,特殊样式放后面,就不会乱。

本站源码来源于网络收集修改或者交换,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。

本文地址:https://www.genmulu.cn/genmulu/321.html

0
回帖

CSS样式不生效?搞懂优先级,别乱加!important 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息