können nicht außer Kraft gesetzt inline-style mit ! wichtige Eigenschaft?

Ich habe ein div, das wie folgt definiert wird:

<div style="background-color: rgb(217, 240, 211) ! important; color: rgb(0, 102, 2) ! important;" class="div_box">... ...
</div>

da die div ist derzeit mit dem inline-style (was ich hasse!) Ich muss zum überschreiben der Hintergrundfarbe sowie die Farbe.

Habe ich versucht:

.div_box[style] {
background-color: rgb(216, 219, 215) ! important; 
color: rgb(94, 94, 94) ! important;
}

aber nicht funktioniert. Auch versuchte .div_box { ... } und es funktioniert immer noch nicht.

Also meine Frage ist, wie kann ich das überschreiben der oben genannten div style ohne manuelle änderung der inline-style?

!wichtig sollte geschrieben werden, ohne Leerzeichen und stilistisch letzter Wert 🙂 Farbe: rgb(94, 94, 94)!wichtig;
Sie können nicht überschreiben inline !wichtige styles.
Ein Artikel zu Lesen über die Spezifität im CSS 🙂
Spezifität nicht in dieser situation zu helfen.
Sie haben mein Leben gerettet

InformationsquelleAutor Josh | 2013-06-04

  1. 3

    Inline-CSS-overides CSS-stylesheets. Beide sind gekennzeichnet !wichtig in Ihrem Fall, so dass Sie nicht verwenden können, diese css-trick zum ändern des div Farbe.

    Kurze Antwort, die Sie nicht tun können, was Sie wollen. Sie,s nur möglich, wenn inline-CSS wäre das nicht schon markiert !wichtig.

    Wahr. Einen workaround für das Beispiel wäre die Verwendung einer inset box-shadow mit einer großen Streuung. .div_box { box-shadow: inset 0px 0px 0px 300px rgb(216, 219, 215); }

    InformationsquelleAutor Gimmy

  2. 4

    http://jsfiddle.net/UkpnZ/3/

    Da kann man nicht entfernen Sie den inline-style, hingewiesen (dass ich übersprungen), wenn Sie Jquery verwenden, können Sie dieses verwenden:

    $('.div_box').css('background-color', '');
$('.div_box').css('color', '');

    strip background-color und color-Attribut aus dem inline-style-wo .div-box angezeigt wird. Den nur Hinzugefügt, Problem hier ist, dass es Streifen überall der Klasse aufgerufen wird.

    Diese Methode zu verwenden, die Sie nicht mehr benötigen !important in der stylesheet.

    So my question is, how can I override the above div style without manually changing the inline style? - Bitte Lesen
    Aktualisiert, habe ich verpasst.
    Ich weiß, dass ich immer mit javascript/jquery rausnehmen/ändern diese styling, es ist nur, dass ich lieber mit dem css zu überschreiben. Schade, dass dieses nicht gemacht werden können als inline markiert war, als !wichtig

    InformationsquelleAutor Andrew Clody

Schreibe einen Kommentar