2012-09-13 36 views
7

之間我有Twitter的自舉表如何只得到外部邊界線,而不是在排

<table class="table table-condensed"> 

我曾經有table-bordered在那裏,但它給我行之間的界線。我只想在整個表格的外部,頂部,底部,左側和右側的行以及行之間沒有行。

而且,我試圖做的第一小步,因此試圖刪除的行之間的行作爲這裏建議 Remove row lines in twitter bootstrap 和解決方案給

table td { 
    border-top: none; 
} 

我沒有工作

回答

10

我相信你的CSS沒有被拾起,因爲它不夠具體。定義在Twitter的引導代碼邊境的CSS是:

.table th, .table td { /*css*/ } 

,但你的代碼是

table td { /* css */} 

第一被認爲是更具體的,因爲它使用了類「表」,而不是表元素作爲選擇器,因此具有更高的優先級。

做了一個小的jsfiddle做你想要http://jsfiddle.net/hajpoj/EfUAa/11/

.table td, .table th { 
    border: none; 
} 

table.table.table-condensed { 
    border: 1px solid black; 
} 

這裏有什麼CSS的特異性一個很好的資源:

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

另外,還要確保你的CSS文件引導加載後文件。

相關問題