Bootstrap CSS忽略樣式

Question

我正在使用引導程序2.3模板並遇到一些樣式問題。

我在我的頁面上有一個表格，我使用class=span4將列定義爲特定的寬度。

我的問題是，在這個模板的CSS，有這種風格：

.row [class*="span"] { 
    padding: 0; 
} 

當我使用span標籤放在桌子上，它刪除所有從它的填充。我無法從主樣式表中刪除CSS，因爲它用於網站中的其他內容。

有沒有一種方法可以忽略我正在處理的表格，或者想出另一種風格，將其恢復到我正在處理的頁面上應該顯示的內容？

Answer 1

您可以嘗試使用！重要規則。

.row [class*="span"] { 
    padding: 0!important; 
} 

其他的事情要考慮：

1. 確保您有bootstrap.css和引導，theme.css後您的樣式
2. 讓你的風格比你想覆蓋的風格更具體。

Answer 2

您必須添加一個特殊的類來覆蓋跨度在那些行

<tr class="row"> 
<td><span class="special-span"></span></td> 
</tr> 

，然後在你的CSS

.row .special-span{ 
padding: 10px !important; 
}