Wie man den CSS -Stil überschreibt - HTML

Mit CSS können Webentwickler verschiedene Stile anwenden, wie z. "Grenze","Anzeige","Schriftstil","Grenzstil","Rand","Polsterung”, Und vieles mehr auf Websites. Darüber hinaus ermöglicht es den Entwicklern, diese Aufgabe einzeln von der HTML durchzuführen, die jede Webseite erstellt. Die Benutzer können jede Eigenschaft auf ein Element stylen, das sie bereits bezeichnet haben, um die vorhandene Eigenschaft zu überschreiben.

Dieser Beitrag erklärt die Methode zum Überschreiben des CSS -Stils.

Wie man den CSS -Stil überschreibt?

Um den CSS -Stil zu überschreiben, müssen Sie die folgenden Anweisungen befolgen.

Schritt 1: Erstellen Sie einen Div -Container

Erstellen Sie zunächst einen DIV -Behälter mit Hilfe des “div" Schild. Dann einfügen eine “Klasse”Attribut innerhalb des DIV -Eröffnungs -Tags und zuordnen einen bestimmten Namen der Klasse nach Anforderung zu.

Schritt 2: Erstellen Sie einen verschachtelten „DIV“ -Container

Als nächstes machen Sie eine andere verschachtelt “divContainer mit der gleichen Methode, wie im vorherigen Schritt erwähnt:

Schritt 3: Style Main Div Container

Greifen Sie mit Hilfe eines Klassennamens mit einem Attributauswahl auf den Haupt -Div -Container zu. Um dies zu tun, haben wir benutzt “.Hauptinhalt”:

.Hauptinhalt
Rand: 40px 160px;
Grenze: 3px gepunktetes grün;
Polsterung: 30px;

Wenden Sie nach dem Zugriff auf den Haupt-Div-Container die unten erwähnten CSS-Eigenschaften an:

• • “Rand”Wird verwendet, um den Raum außerhalb des Elements anzugeben.
  • “Grenze”Fügen Sie eine Grenze um das definierte Element hinzu.
  • “Polsterung”Wird verwendet, um Platz innerhalb der definierten Grenze hinzuzufügen.

Das resultierende Bild zeigt die Ausgabe des obigen Codeblocks:

Schritt 4: Style Second "Div" -Container

Greifen Sie nun auf den zweiten DIV -Container mit Klassennamen und Selektor als „zu“ zu ".BeispielklasseUnd style es wie folgt:

.Beispielklasse
Höhe: 100px;
Breite: 100px;
Hintergrund: RGB (22, 221, 211);
Grenze: 2px solide Schwarz;

Hier:

• • “HöheEigenschaft wird verwendet, um die Höhe des Elements festzulegen.
  • “Breite”Zugewiesen die Breite des Elements.
  • “HintergrundGibt eine Farbe für die Rückseite des Elements in einer definierten Grenze an.

Ausgang

Schritt 5: Zugang zu verschachtelten Div -Containern

Greifen Sie nun auf den verschachtelten Div -Container zu und verwenden Sie das “HintergrundEigenschaft zum Überschreiben des CSS -Stils:

.Inner-div .Beispielklasse
Hintergrund: RGB (224, 72, 12);

Infolgedessen das CSS “HintergrundImmobilien überschreiben die erste angewandte Hintergrundeigenschaft:

Sie haben die Methode zum Überschreiben des CSS -Stils gelernt.

Abschluss

Um den CSS -Stil zu überschreiben, erstellen Sie zunächst einen Div -Container mit einem “”Container. Erstellen Sie als nächstes einen verschachtelten Div -Container. Greifen Sie dann auf die erste DIV zu und wenden Sie die CSS -Eigenschaften an. Danach zugreifen. Dieses Tutorial hat die Methode zum Überschreiben des CSS -Stils gezeigt.