覆蓋Bootstrap表格邊框摺疊樣式

Bootstrap具有table {border-collapse: collapse; border-spacing:0;}樣式。我想重寫此所以我創建一個類，並在問題把它應用到表：覆蓋Bootstrap表格邊框摺疊樣式

table.FormGroupContainer 
{ 
    border-collapse: separate; 
    border-spacing: 2px; 
}

但仍的邊界保持摺疊。 Chrome元素檢查器顯示Bootstrap CSS已被覆蓋，但只有在檢查器中禁用樣式才允許邊框間距。我在IE 11和Firefox 31.0中觀察到了這一點。內聯樣式似乎也會覆蓋（如Chrome檢查器中所示），但在禁用引導樣式之前無效。

CSS加載順序似乎也沒有區別。 是什麼給了？是不是更高的特異性？

來源

2014-09-30 XyberICE

Normalize.css（Bootstrap 3的一部分）添加了摺疊。 CSS加載順序總是有所作爲。如果樣式適用於表格，它將工作，只要它在Bootstrap css之後並且沒有其他css與它衝突：http://jsbin.com/bavogi/1/edit – Christina 2014-09-30 16:34:00

@Christina好的，說Bootstrap的CSS最後加載。 'table.FormGroupContainer'對於：'

「更高的特異性是否允許FormGroupContainer覆蓋Bootstrap表CSS？ – XyberICE 2014-10-01 19:29:35

是的，如果這就是全部。請記住，這是normalize.css，它是Bootstrap的一部分，但是單獨維護。 – Christina 2014-10-01 19:43:47

加載訂單是一個問題在這裏。我的樣式表在加載之前 Bootstrap。我在樣式表中增加了對規則的更多特殊性，使其能夠與Bootstrap的table CSS競爭。謝謝@克里斯蒂娜。

來源

2014-10-16 19:09:18 XyberICE

覆蓋Bootstrap表格邊框摺疊樣式

回答

相關問題