Können Inline-!important-Deklarationen überschrieben werden?

In Cascading Style Sheets (CSS) ist die !important-Deklaration ein leistungsstarkes Werkzeug zum Überschreiben Stile, die an anderer Stelle geerbt oder definiert wurden. Aber was passiert, wenn eine Inline-!important-Deklaration angewendet wird? Kann es überschrieben werden?

Inline !important Declarations

Auf HTML-Elemente können Inline-Stile mithilfe des style-Attributs direkt angewendet werden. Inline-Stile haben Vorrang vor in Stylesheets definierten Regeln. Normalerweise überschreibt eine Regel mit höherer Spezifität eine Regel mit niedrigerer Spezifität. Wenn !important jedoch in einem Inline-Stil verwendet wird, wird der Browser gezwungen, diesen Stil anzuwenden, unabhängig von seiner Spezifität.

Überschreibungen für Inline !important

In Im gegebenen Beispiel legt ein Inline-Stil display: none !important auf einem

div#my-div {
  display: block !important;
}