2013-05-03 33 views
0

這是我在HTML部分的代碼塊不能夠在特定的div覆蓋引導性

<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的引導和我有引導CSS文件後,鏈接的自定義CSS文件申請特定的樣式到我的頁面的某些部分。這裏是我的自定義CSS文件代碼:

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

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

每當我試圖將風格容器內的ABCD級,14px的,並在引導body標籤提到的20像素的行高的默認大小僅出現。但是,top_line類正常工作。我試過.container .abcd,.container> .abcd和許多其他的東西,但是我仍然沒有得到我想要實現的字體大小和行高,正如我在CSS代碼中給出的那樣。內聯樣式雖然工作。任何人都可以告訴我我要去哪裏嗎?

謝謝

+0

你確定嗎?這[似乎工作](http://jsfiddle.net/tMCqs/)。你的CSS似乎有其他東西在接管。 – pickypg 2013-05-03 04:34:26

回答

1

您應該確認在自舉css文件中所作的聲明,深度一定要爲你的abcd課程寫一個更有力的規則。

另一種方法是使用不推薦的黑客,如:!important,以確保您的聲明更強大。

例如:

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

Twitter的bootsrap把某一類的標籤跨度,你應該把標籤跨度內ABCD類