什么!重要的是vue.js意味着什么?

时间:2017-01-27 23:40:56

标签: css vue.js

!important在VueJS中意味着什么?

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

1 个答案:

答案 0 :(得分:1)

CSS中使用

!important来确保样式覆盖任何竞争样式。

假设我有一个按钮.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