bootstrap 4是否带有！important？答案

【问题标题】：Does bootstrap 4 come with !important?bootstrap 4是否带有！important？
【发布时间】：2019-01-08 13:28:00
【问题描述】：

虽然我在Bootstrap之后放了style.css文件，但是还是不行。当我检查时，我注意到...

现在我该如何解决这个问题。

.bg-info{
     background-color: #17a2b8 !important;
}

【问题讨论】：

到目前为止，您很难理解您的尝试。可以告诉我们您是如何使用style.css 文件的吗？你把它放在哪里了？
你可以使用它的父类来改变它的值。
查看 CSS 规范：w3schools.com/css/css_specificity.asp
是的 Bootstrap 使用 '!important'。您放置CSS的方式没有问题。只需将自定义类添加到您的元素并覆盖样式。例如：.my-ele.bg-info {背景颜色：#000}

标签： html css twitter-bootstrap bootstrap-4 css-specificity

【解决方案1】：

你可以使用它的父类来改变它的值。

.bg .bg-info {background-color:none!important;}

【讨论】：

【解决方案2】：

如果您使用“！important”进行样式设置，那么任何样式都无法更改这一点..

所以你可以在 style.css 中使用相同的“！important”来显示任何你想要显示的颜色。

并在类名之前提及元素名。

Style.css:-

div.bg-info{
Background-color:blue !important;
}
p.bg-info{
Background-color:blue !important;
}
h1.bg-info{
Background-color:blue !important;
}
span.bg-info{
Background-color:blue !important;
}

因为 style.css 在 Bootstrap 之后调用。

【讨论】：

这个不行，除非在同一行使用，否则这两个类之间要加空格！！
是的，所以我们可以在类名之前提到元素名。