css: Wie überschreibt man den Wert für die maximale Breite mit einem größeren (weniger restriktiven) Wert

Habe ich eine css-Datei mit diesem Stil:

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

Ich wollte, um die max-width, ohne modifizieren der css-Datei, so habe ich eine benutzerdefinierte css-Datei mit diesem Stil:

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

In der "html/styles" - Bereich, ich sehe, dass die Stile sind in der richtigen Reihenfolge aufgeführt:

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

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

Jedoch "max-width: 99%" ist nicht zwingend "max-width: 70%". Es scheint, dass der restriktivere Wert (70%) verwendet, auch wenn die weniger restriktiven Wert (99%) an Erster Stelle.

Gibt es eine Möglichkeit zum überschreiben einer max-width-Wert mit einer größeren (weniger restriktive) Wert?

InformationsquelleAutor der Frage moondog | 2011-02-07

  1. 92

    Können Sie überschreiben (unset) max-width mit 

    .foo{ max-width:none; }

    ... deaktivieren Sie alle geerbt max-width.

    InformationsquelleAutor der Antwort Jim Morrison

  2. 8

    Versuchen Sie es mit !important oder selector mit höher Spezifität.

    InformationsquelleAutor der Antwort duri

  3. 2

    Dies ist eine Spezifität Problem. Werfen Sie einen Blick auf http://htmldog.com/guides/cssadvanced/specificity/.

    Grundsätzlich müssen Sie eine mehr spezifisch als die anderen. Setzen Sie das element enthalten, bevor .filefield-element .widget-edit und es wird überschrieben,

    InformationsquelleAutor der Antwort Scott Brown

  4. 2

    Verwenden JavaScript zu setzen max-width zu none erste, weisen Sie einen neuen Wert ein.

    InformationsquelleAutor der Antwort chris

Schreibe einen Kommentar