web-dev-qa-db-ja.com

css：max-width値をより大きな（制限の少ない）値でオーバーライドする方法

このスタイルのCSSファイルがあります：

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

そのcssファイルを変更せずにmax-widthを増やしたいので、このスタイルのカスタムcssファイルを作成しました。

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

「html/styles」ペインに、スタイルが正しい順序でリストされていることがわかります。

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

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

ただし、「max-width：99％」は「max-width：70％」を上書きしません。制限の少ない値（99％）が最初に来る場合でも、より制限の厳しい値（70％）が使用されるようです。

Max-width値をより大きな（制限の少ない）値でオーバーライドする方法はありますか？

overridingcss
38
moondog

Max-widthをオーバーライド（設定解除）することができます

.foo{ max-width:none; }

...継承された最大幅をクリアします。

103
Jim Morrison

!important、またはselectorを高特異性で使用してみてください。

8
duri

JavaScriptを使用して、最初にmax-widthをnoneに設定してから、新しい値を再割り当てします。

2
pmko

これは特異性の問題です。 http://htmldog.com/guides/cssadvanced/specificity/ をご覧ください。

基本的に、一方を他方より具体的にする必要があります。含む要素を.filefield-element .widget-editの前に置くと、オーバーライドされます

2
Scott Brown