0

这是我在 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>

我正在使用 Twitter Bootstrap，并且在 Bootstrap CSS 文件之后链接了一个自定义 CSS 文件，以将特定样式应用于我页面的某些部分。这是我的自定义 css 文件代码：

.top_line {
    background-color: #2773AE;
    height: 5px;
}

.abcd {
    font-size:50px; 
    line-height:25px;
}

每当我尝试将样式应用于容器内的 abcd 类时，只会出现 bootstrap body 标签中提到的 14px 的默认大小和 20px 的行高。但是， top_line 类工作正常。我尝试了 .container .abcd、.container>.abcd 和许多其他东西，但我仍然没有得到我想要达到的字体大小和行高，正如我在我的 CSS 代码中给出的那样。内联样式虽然有效。谁能告诉我哪里出错了？

谢谢你

4

2 回答 2

1

您应该验证 boostrap css 文件中声明的深度，以确保为您的 abcd 类编写更强大的规则。

另一种方法是使用不推荐的技巧，例如 : !important ，以确保您的声明更强大。

例如 ：

.abcd {
    font-size:50px !important; 
    line-height:25px !important;
}
于 2013-05-03T02:52:05.790 回答
0

Twitter bootsrap 将特定类放在标签跨度处，您应该将类​​ abcd 放在标签跨度内

于 2013-05-03T02:27:27.313 回答