!important
在VueJS中意味着什么?
我是vue.js的新手,我看到这段代码包含在样式表中的值之后 我在文档中找不到它。
答案 0 :(得分:1)
!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