【发布时间】:2017-06-13 18:32:15
【问题描述】:
!important 在 VueJS 中是什么意思?
我是 vue.js 的新手,我看到这段代码包含在样式表中的值之后。
我在文档中找不到它。
【问题讨论】:
-
我猜这是一个副本的副本。我还以为是vue.js的东西,所以没看css下。我的错。
!important 在 VueJS 中是什么意思?
我是 vue.js 的新手,我看到这段代码包含在样式表中的值之后。
我在文档中找不到它。
【问题讨论】:
!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
【讨论】: