!important声明强制优先

  • 2021-09-04 21:04:15
  • 66 次阅读
  • 稿源:天马行空

CSS优先级中还有一个最无敌的声明,就是!important。

!important声明强制优先

在CSS样式表中,带有!important声明的样式优先使用,它的优先级会超越任何地方、任何方式的样式声明,包括行内syle属性中声明的样式。

比如下面代码:

div{color: red !important}

<div style=“color: blue”>

这里div里面的字体颜色在浏览器中显示为红色字体。所以,CSS样式匹配的优先权遵循以下顺序:

1.!important声明高于一切。

2.内嵌样式次之。

3.样式表中声明按选择器的权重排序。

4.最后按浏览器执行样式表的顺序,遵循”后来居上“原则匹配样式。

当然最后还要强调一点:如果没有设置样式的,则自动继承父级节点的样式。

喜欢 0

文章评论 (0)

表情

大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头