覆蓋CSS屬性

我有2個文件theme.css和main.css覆蓋CSS屬性

theme.css

.table td { 
      border-top: 1px solid #e8edf1; 
      vertical-align: top; 
      padding: 5px 5px !important; 
      color: #576475; 
      font-size: 11px; 
}

的main.css

.table td { 
      padding: 1px 2px; 
}

我想通過main.css覆蓋的td財產在之後包括。

但是最終產量需要theme.css的財產。

PS：我想只覆蓋填充屬性。

來源

2017-01-09 Abhishek

加上'填充：1px的2px的重要;' – Raviteja

沒有直接關係的問題，但是我希望一個main.css的來theme.css之前，因爲第一聲音更通用和主題是可以輕易替換的。 –

因爲第一CSS規則已申請!important，來覆蓋它使用另一個!important規則的唯一途徑：

.table td { 
    padding: 1px 2px !important; 
}

如果可以的話，從你所有的CSS刪除!important關鍵字。有更好的方法來定義訂單。

來源

2017-01-09 11:14:25

謝謝..它的工作.. – Abhishek

就具體情況而言，!important每次都獲勝。

你真的應該避免使用!important並使用特定的優點。訂購CSS文件是實現它的一種方式，訂購您的規則是另一種方式。

更多關於特異性：CSS-Tricks

所以，你的情況，你應該從你theme.css文件中刪除!important標誌，這將解決這個問題。

來源

2017-01-09 11:15:09

@Abhishek請根據您的要求，使用兩個不同表格的示例檢查以下代碼。

table td { 
 
      border-top: 1px solid #e8edf1; 
 
      vertical-align: top; 
 
      padding: 5px 5px !important; 
 
      color: #576475; 
 
      font-size: 11px; 
 
} 
 

 
table.custom_table td{ 
 
    padding: 1px 2px !important; 
 
}

<table> 
 
     <tr> 
 
      <td>fdhf</td> 
 
      <td>dfdfdf</td> 
 
      </tr> 
 
       
 
    
 
</table> 
 
<table class="custom_table"> 
 
     <tr> 
 
      <td>fdhf</td> 
 
      <td>dfdfdf</td> 
 
      </tr> 
 
       
 
    
 
</table>

來源

2017-01-09 11:21:02 sanjay

這更像是一個遊戲的點差異比答案。你改變了什麼？它爲什麼解決這個問題？ – Quentin

回答

相關問題