Der "!wichtigDie Regel in CSS hat die höchste Vorrang. Allerdings das “!wichtigDie Regel funktioniert manchmal manchmal nicht richtig, wenn sie an mehreren Stellen an demselben Element verwendet wird.
Bewirbt sich !wichtige Regel
Schreiben wir einen Beispielcode, um die Auswirkungen der wichtigen Regel beim Styling eines HTML -Dokuments zu verstehen:
Dies ist der erste Satz
Dies ist der zweite Satz
Dies ist der dritte Satz
Bewirbt sich !wichtige Regel für eine Eigenschaft
Ein einfaches Beispiel, um die wichtige Regel einer CSS -Eigenschaft hinzuzufügen, ist:
.MyClass Hintergrundfarbe: Blau;Im obigen Code -Snippet gibt es "!wichtig"Geschrieben mit einer Eigenschaft, die die Hintergrundfarbe definiert"orange”. Diese Eigenschaft überschreibt die Eigenschaften, die die Hintergrundfarben als grün und blau definieren und die Farbe des Hintergrunds aller Sätze in der Ausgabe als Orange festlegen.
Dies erzeugt die folgende Ausgabeschnittstelle:
Ohne das !wichtige Regel
Wenn wir nun die wichtige Regel entfernen, ist das Ergebnis völlig anders, da alle Eigenschaften funktionieren, ohne sich gegenseitig zu überschreiben:
Es setzt die Hintergrundfarben als blau, grün und orange mit der Sequenz, die über den HTML -Code -Snippet angegeben ist. Das durch dies generierte Ergebnis ist Folgendes:
Dies fasst die Methode zusammen, um die wichtige Regel mit CSS anzuwenden.
Abschluss
Das CSS “!wichtigDie Regel fügt einer Eigenschaft mehr Bedeutung hinzu, da sie die Eigenschaft priorisiert und alle anderen Eigenschaften für ein Element überschreibt. Der "!wichtig"Regel wird auf eine CSS -Eigenschaft angewendet, indem einfach eingeben"wichtig" mit einem "!”(Ausrufezeichen) nach der CSS -Eigenschaft vor dem Semikolon. In diesem Artikel wurde gut erklärt, wie man das anwendet !Wichtige Regel mit CSS.