CSS 未从样式表应用？

Question

我不确定为什么这不起作用，但我正在尝试在页面上制作一个过渡栏，该页面基本上只是一些内容的颜色 block 。

我正在使用 Bootstrap 3，但不确定这与它有什么关系。如果我使用样式标签将颜色直接应用到我的 div 标签，它将起作用。但是，我希望它出现在我的样式表中，这样我就可以添加左右边框。当我将相同的东西放入我的样式表并尝试应用它不会显示的样式时。我仍在学习使用开发工具，但当我使用 F12 查看它时，我看起来好像它应用了我的样式表样式。

对我做错了什么有什么想法吗？

这行得通。我现在使用句点来控制高度，但最终会尝试应用一些高度样式。

<div class="row">
    <div class="col-md-12" style="background-color:#6f88a1">.</div>
</div>

这不是

.home_transition_bar
{
    border-left: 1px solid Black;
    border-right: 1px solid Black;
    background-color: #6f88a1;
}

<div class="row">
    <div class="col-md-12 home_transition_bar">.</div>
</div>

Answer 1

好吧，bootstrap 有一些预定义的样式...为了覆盖它们，可能不接受简单的 css 代码。因此，尝试在样式“!important”的末尾。例如:

#header
{
   background-color: red !important;
}

我正在使用 bootstrap，它已经为我完成了。希望对你有帮助