Wie man sich bewerbt !Wichtig mit CSS

Wie man sich bewerbt !Wichtig mit CSS
Es wird eine Regel mit CSS verwendet, um einer bestimmten CSS -Eigenschaft Wichtigkeit zu verleihen, und sie wird als "das" als "als" als "als die als Bedeutung bezeichnet, genannt, die als Wichtigkeit bezeichnet wird!wichtig" Regel. Wenn ein "!wichtigDie Regel im Code im CSS -Stilelement gibt es über alle anderen Eigenschaften, indem sie die Kompilierung dieser Eigenschaft priorisiert und die Auswirkung aller anderen Eigenschaften in diesem Element überschreibt.

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

  • Ergänzen Sie die "!wichtig"Regel in einem der Eigenschaften durch einfaches Schreiben"wichtig”Mit einem Ausrufezeichen auf der rechten Seite des Grundstücks.
  • Es sollte kein Semikolon zwischen dem Eigentum und dem „“ geben!wichtigRegel, weil ein Semikolon immer eine Aussage beendet. Das Semikolon sollte also nach dem Schreiben platziert werden “!wichtig”.

Ein einfaches Beispiel, um die wichtige Regel einer CSS -Eigenschaft hinzuzufügen, ist:

.MyClass Hintergrundfarbe: Blau;
#myid Hintergrundfarbe: Grün;
P Hintergrundfarbe: Orange !wichtig;

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:

.MyClass Hintergrundfarbe: Blau;
#myid Hintergrundfarbe: Grün;
P Hintergrundfarbe: Orange;

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.