Css 无法覆盖特定div中的引导属性

Css 无法覆盖特定div中的引导属性,css,html,twitter-bootstrap,Css,Html,Twitter Bootstrap,这是我在HTML部分的代码块 <header> <div class="top_line"></div><br/> <div class="container"> <div class="abcd">Über<span style="color:#2773AE">Tech</span></div> <div class="top_line"

这是我在HTML部分的代码块

<header>
    <div class="top_line"></div><br/>
    <div class="container">
       <div class="abcd">Über<span style="color:#2773AE">Tech</span></div>
       <div class="top_line"></div>
    </div>
</header>
每当我尝试将样式应用于容器内的abcd类时,只会出现bootstrap body标记中提到的默认大小14px和行高20px。但是,顶级类可以很好地工作。我尝试了.container.bao、.container>.bao和许多其他方法,但仍然没有得到我在CSS代码中给出的想要达到的字体大小和行高。不过,内联样式可以工作。谁能告诉我哪里出了问题


谢谢你

Twitter bootsrap在标签span处放置一个特定的类,你应该将该类放在标签span内

你应该验证boostrap css文件中声明的深度,以确保为你的类编写一个更强大的规则

另一种方法是使用不推荐的黑客,例如:!重要的是,确保你的声明更有力

例如:

.abcd {
    font-size:50px !important; 
    line-height:25px !important;
}
你确定吗?这在你的CSS中似乎有其他东西在接管。
.abcd {
    font-size:50px !important; 
    line-height:25px !important;
}