不从样式表应用CSS?
问题描述:
我不知道为什么这不起作用,但我试图在页面上制作一个转换条,它基本上只是一些内容中的一块颜色。不从样式表应用CSS?
我正在使用Bootstrap 3,但不确定与它有什么关系。如果我使用样式标签直接将颜色应用于我的div标签,它将起作用。但是,我希望它在我的样式表中,所以我可以添加左右边框。当我将同样的东西放在我的样式表中,并尝试将其应用于不显示的样式时。我仍然在学习使用开发工具,但是当我使用F12查看它时,我看起来好像它应用我的样式表样式。
关于我在做什么错的任何想法?
This Works。我现在使用一段时间来控制高度,但最终会尝试应用一些高度样式。
<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>
答
好,引导有一些预定义的样式......为了覆盖它们,简单的CSS代码可能不被接受。因此,试着在“!重要”风格的末尾。例如:
#header
{
background-color: red !important;
}
我正在使用bootstrap,并且已经为我完成了它。希望它有帮助
你是否检查过它,看看有没有什么比CSS规则更重要?尝试添加'!important'到你的背景颜色,看看是否可行 - 所以'background-color:#6f88a1!important;' –
对我来说工作正常http://www.bootply.com/R8h7HwT8aV – j08691
老实说不知道除了可能之外,我做了什么不同之处,但是当我回到应用样式表样式时,这一次它工作?我尝试了其他三次进行更改,并且该部分表现得没有任何应用。那么,至少现在它正在工作。感谢您看这个。 – Caverman