【问题标题】:What does !important mean in vue.js? [duplicate]vue.js 中的 !important 是什么意思? [复制]
【发布时间】:2017-06-13 18:32:15
【问题描述】:

!important 在 VueJS 中是什么意思?

我是 vue.js 的新手,我看到这段代码包含在样式表中的值之后。
我在文档中找不到它。

【问题讨论】:

  • 我猜这是一个副本的副本。我还以为是vue.js的东西,所以没看css下。我的错。

标签: css vue.js


【解决方案1】:

!important 在 CSS 中使用以确保样式覆盖所有竞争样式。

假设我有一个按钮 .btn,它位于一个名为 .btn-container 的容器中

如果我有 css 这个 css

.btn {
 color: red !important;
}

.btn-container .btn {
  color: blue;
}

即使嵌套规则的特异性更高,.btn 颜色仍将是红色。添加 !important 后,它会覆盖特异性。 https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception

【讨论】:

    猜你喜欢
    • 2012-03-03
    • 1970-01-01
    • 2021-05-17
    • 2020-10-27
    • 2015-07-15
    • 2018-07-17
    • 2012-08-13
    • 2019-09-12
    • 2015-01-22
    相关资源
    最近更新 更多