CSS：如何用較大（較少限制的）價值

Question

覆蓋最大寬度值我有這種風格的CSS文件：

.filefield-element .widget-edit {max-width: 70%;} 

我想增加最大寬度，而無需修改CSS文件，所以我創建了這種風格的自定義CSS文件：

.filefield-element .widget-edit {max-width: 99%;} 

在「HTML /樣式」窗格中，我看到的樣式以正確的順序列出：

.filefield-element .widget-edit { 
    max-width: 99%; 
} 

.filefield-element .widget-edit { 
    float: left; 
    max-width: 70%; 
} 

但是，「最大寬度：99％」不是「最大寬度：70％」的重載。似乎使用限制性更強的值（70％），即使限制性較小的值（99％）首先出現。

有沒有辦法用一個更大（限制較少）的值覆蓋最大寬度值？

Answer 1

您可以覆蓋（未設置）最大寬度與

.foo{ max-width:none; } 

...清除任何繼承的最大寬度。

Answer 2

這是一個特殊問題。看看http://htmldog.com/guides/cssadvanced/specificity/。

基本上，你需要做一個比另一個更具體。把含有元素.filefield-element .widget-edit之前，它會被覆蓋使用!important

Answer 3

嘗試，或選擇與更高特異性。

Answer 4

使用JavaScript首先將max-width設置爲none然後重新分配新值。