Wie man überschreibt !wichtig?

Während des Stylens der Websites können Entwickler verschiedene CSS -Deklarationen auf ein oder mehrere Elemente anwenden. In diesem Szenario stellt der Browser fest, welche Deklaration für ein Element am wichtigsten ist. Normalerweise die Verwendung von “!wichtig”Wird vermieden, da es die übliche Kaskade des Stylesheets beeinträchtigt und die Fehlerbehebung kompliziert. Es kann jedoch bei Bedarf verwendet und außer Kraft gesetzt werden. Wenn zwei Erklärungen entlang eines !Wichtiger Regel Konflikt mit demselben Element, die Erklärung mit der höchsten Spezifitätsniveau wird verwendet.

In diesem Tutorial wird untersucht:

• Was ist außer Kraft gesetzt !wichtig?
• Methode 1: Wie man überschreibt !Wichtig in HTML?
• Methode 2: Wie man überschreibt !wichtig in CSS?

Was ist außer Kraft gesetzt !wichtig?

Es ist ein CSS “!wichtigRegel, die verwendet wird, um eine Eigenschaft oder ihren relevanten Wert mehr als normal zu betonen. Diese Regel überschreibt alle früheren Stilregeln für diese bestimmte Eigenschaft in diesem Element, wenn sie angewendet werden.

Wie man überschreibt !Wichtig in HTML?

Um die Überschreibung zu verwenden !Wichtige Eigenschaft, schauen Sie sich die angegebenen Anweisungen an.

Schritt 1: Machen Sie einen DIV -Behälter

Erstellen Sie zunächst einen DIV -Behälter mit Hilfe von “”. Fügen Sie dann ein Klassenattribut ein und legen Sie einen bestimmten Namen gemäß Ihren Einstellungen fest.

Schritt 2: Erstellen Sie eine verschachtelte Div

Erstellen Sie als nächstes eine verschachtelte oder Kinder -DIV zwischen den ersten ““" Schild. Dann:

• Ergänzen Sie die "Ausweis" Und "KlasseElemente mit einem bestimmten Namen entsprechend Ihrer Präferenz.
• Einlegen Sie die “Stil”Attribut und einen bestimmten Wert dafür zuweisen. Zum Beispiel, "HintergrundfarbeSet ”die Hintergrundfarbe des erstellten Behälters.
• Auch, "!wichtigDer Wert wird zum Überschreiben verwendet:

LinuxHint ist eine der Top -Tutorials -Website

Ausgang

Wie man überschreibt !wichtig in CSS?

Überschreiben "!wichtigBefolgen Sie in CSS den angegebenen Anweisungen.

Schritt 1: Fügen Sie verschachtelte Div -Behälter hinzu

Erstellen Sie den ersten Container innerhalb des ersten und erstellen Sie einen weiteren Container, indem Sie dasselbe Verfahren im obigen Abschnitt verwenden. Dann füge hinzu "Klasse" Und "AusweisAttribute mit den spezifischen Namen:

LinuxHint ist eine der Top -Tutorials -Website

Ausgang

Schritt 2: Bewerben Sie sich !wichtig für die Hauptdiv -Klasse

Greifen Sie auf die Hauptdiv -Klasse zu, indem Sie die “verwenden.Main-divUnd wenden Sie die unten aufgeführten CSS -Eigenschaften an:

.Main-div
Schriftgröße: 30px;
Marge-Top: 20%;
Text-Align: Mitte;
Farbe: #0f0ff1;
Schriftdicke: fett;
Hintergrundfarbe: RGB (6, 166, 240) !wichtig;

Hier:

• “SchriftgrößeDie Eigenschaft wird verwendet, um die Größe der Schriftart anzugeben.
• “Rand”Fügt oben außerhalb des Elements einen Platz oben hinzu.
• “Textausrichtung”Wird verwendet, um die Ausrichtung des Textes im definierten Element festzulegen.
• “FarbeEigenschaft definiert die Textfarbe im Element.
• “SchriftgewichtDie Eigenschaft wird verwendet, um zu zeigen, wie dünne oder dicke Alphabete im Text angezeigt werden können.
• “Hintergrundfarbe”Wird verwendet, um die Farbe auf der Rückseite des Elements festzulegen.

Schritt 3: Bewerben Sie sich !wichtig für die Hauptklasse und ID

Greifen Sie nun auf das Klassenattribut des ersten DIV -Containers und das ID -Attribut des zweiten Div -Containers zu:

Div [Main-div],
div [content-id]
Hintergrundfarbe: RGB (230, 230, 11) !wichtig;

Dann wenden Sie die “an“Hintergrundfarbe”Eigentum und“!wichtig" Regel. Es wird die oben genannte Hintergrundfarbe überschreiben.

Ausgang

Das ging nur darum, das zu überschreiben !wichtiges Eigentum in CSS.

Abschluss

Überschreiben !Wichtig, der Benutzer kann die “nutzen“!wichtig”Regel mit den Attributen in HTML und auch die CSS -Eigenschaften verwenden. Greifen Sie beispielsweise auf die Hauptdiv zu und wenden Sie die “an“!wichtig"Regel über die"Hintergrundfarbe”. Greifen Sie dann auf beide Div -Container zu und bewerben Sie sich erneut !Wichtige Regel auf derselben Eigenschaft. Infolgedessen wurde der zweite angewendet “!Wichtige “Regel überschreibt die erste. Dieser Beitrag hat die Methode zum Überschreiben gezeigt !wichtig sowohl für HTML als auch für CSS.