我正在尝试变更下列启动导览列的background-color。我已经在 * 启动CSS载入之后 * 载入我自己的CSS档案，所以我的CSS样式 * 应该 * 有优先权。但是，这个CSS样式 * 没有 * 套用，* 除非 * 我从<nav>标签移除bg-dark类别。为什麽会发生这种情况？如果我在启动之后载入CSS，我的CSS规则是否应该覆盖Bootstrap的规则？
第一个
我正在尝试变更下列启动导览列的background-color。我已经在 * 启动CSS载入之后 * 载入我自己的CSS档案，所以我的CSS样式 * 应该 * 有优先权。但是，这个CSS样式 * 没有 * 套用，* 除非 * 我从<nav>标签移除bg-dark类别。为什麽会发生这种情况？如果我在启动之后载入CSS，我的CSS规则是否应该覆盖Bootstrap的规则？
第一个
1条答案
按热度按时间bqf10yzr1#
如果你检查这个文档，你会发现Bootstrap的背景色是用
!important来应用的，这可能是因为他们遇到了一些级联问题。我们需要添加这个。但是，这仍然不够，因为我们需要一个至少和他们一样具体的选择器。这里我使用了.navbar.bg-dark，但是body .navbar也可以工作。一个更好的解决方案是创建一个自定义类来扩展Bootstrap的后台类，并使用它，如
.navbar.bg-vivid。这使您未来的自己和其他开发人员更清楚地看到应用了什么样式。第一个