2014-09-19 41 views
3

我使用Boostrap和SPRFLAT。 Boostrap.css文件可以從custom.css文件中覆蓋。CSS overrriding for line height

我想覆蓋table> tbody> tr> td元素的行高。

唯一的方法是覆蓋下面的所有元素。

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td { 

    line-height: 1.428571429; 

} 

我試了下面的代碼。

.table > tbody > tr > td, 
{ 

    line-height: 1.428571429; 

} 

#ticketstable .table > tbody > tr > td, 
{ 

    line-height: 25px !important; 
} 

這是行不通的。任何人都可以幫我找到問題嗎?

+0

看在devtools風格檢查器的這個項目的級聯中,查看樣式來自哪裏,您自己的CSS或最有可能的其他地方。你知道怎麼做嗎?如果是這樣,你將很難調試這個或任何其他CSS問題。 – 2014-09-20 02:54:38

回答

4

您的規則(.table > tbody > tr > td)與Bootstrap CSS規則具有同等特異性,因此它不一定會被覆蓋。更具體的規則將適用,所以在這種情況下,您可以通過使您的規則更具體的修復:

table.table > tbody > tr > td 

或者,如果你有一個周圍的CSS類,你想使用:

.myclass .table > tbody > tr > td