自定义CSS引导程序未应用

Question

除非在类中使用!important标记，否则我的自定义CSS文件不会覆盖bootstrap.min.css

这将更改我的背景标题的颜色

.bg-grey{
    background-color:#333 !important;
}

这不会

.bg-grey{
    background-color:#333;
}

有人知道为什么会发生这种情况，因为我已将外部工作表放在同一目录中了吗？

Answer 1

通常会发生这种情况，因为正在将自定义文件之后的bootstrap.min.css进行解析。 您将css文件包括在脑中的顺序是什么？ 您应该确保自定义文件在引导文件之后 。

Answer 2

使用!important被实用程序/助手类认为是可以接受的，并且Bootstrap的作者在Bootstrap 4 chosen to use !important的 all 中拥有Utility classes。 >

background color utility classes（bg-*）使用!important，因此对于任何自定义颜色替代，您必须使用!important。

但是，bg-grey不是Bootstrap 4附带的颜色。如果要定义自定义颜色，请确保替代项遵循bg-grey以前的任何CSS定义。