Html 覆盖引导';背景色

Html 覆盖引导';背景色,html,css,bootstrap-4,Html,Css,Bootstrap 4,我试图覆盖引导程序用于“bg dark”类的背景色。为此,我在一个单独的CSS文件中导入了以下内容: .bg-dark { background-color: black; } 但这似乎并没有改变背景颜色。如果我这样做,尽管它确实有效: .bg-dark { background-color: black !important; } 为什么会这样?还有,我是不是不用诉诸法律就可以做到这一点呢!重要吗 不要使用已定义的同一类。使用“用户定义”类并设置颜色!重要关键字表示无论加载顺序如何

我试图覆盖引导程序用于“bg dark”类的背景色。为此,我在一个单独的CSS文件中导入了以下内容:

.bg-dark {
  background-color: black;
}
但这似乎并没有改变背景颜色。如果我这样做,尽管它确实有效:

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

为什么会这样?还有,我是不是不用诉诸法律就可以做到这一点呢!重要吗

不要使用已定义的同一类。使用“用户定义”类并设置颜色!重要关键字表示无论加载顺序如何,具有的规则优先于其他所有类。这是不好的,因为它违背了级联(也就是说,你现在永远不能完全覆盖它)

您需要确保在引导后加载样式表,并且能够成功覆盖

好问题

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


希望这有帮助

您是在引导之前还是之后加载CSS?您可能还需要增加选择器的特殊性,并避免使用
!重要信息
每当您可以添加一个父级,例如.parent.bg dark{}或多个父级.parent1.parent2.bg dark{}时,这是否回答了您的问题?