覆盖引导程序的背景颜色

Question

我试图覆盖bootstrap为其"bg dark"类使用的背景颜色。为此，我在一个单独的CSS文件中导入了以下内容：

.bg-dark {
background-color: black;
}

但这似乎并没有改变背景颜色。如果我这样做，尽管它确实有效：

.bg-dark {
background-color: black !important;
}

为什么会这样？还有我做这件事而不必求助吗！重要的

Answer 1

不要使用已经定义的同一个类。使用用户定义的类并设置颜色

Answer 2

！important关键字意味着无论加载顺序如何，具有优先权的规则都高于其他类。这是糟糕的，因为它违背了级联(即，你现在永远无法干净地覆盖它(

你需要确保你的样式表在引导后加载，你将能够成功覆盖

Answer 3

好问题，

CSS的工作方式是，样式离元素越近，它就越重要，然而！重要标记将覆盖其他标记。例如，如果要在元素内部编写style="background-color:black"，它将覆盖设置背景颜色的外部样式表。

希望这能有所帮助！