Kann eine CSS -Klasse einen oder mehrere andere Klassen erben?

HTML und CSS kodieren keine Sprachen. Sie beide sind Markup -Sprachen. Auf die HTML -Elemente können in CSS zu Styling -Zwecken Klassenattribute zugegriffen werden. Diese CSS -Klassen können einen oder mehrere andere CSS -Klassen erben. Dies kann in der "geschehen"WENIGER„Eine rückwärtskompatible CSS-Sprachweiterung, die für schlanke Stilblätter steht.

In diesem Artikel wird beschrieben, wie man einen oder mehrere CSS-Klassen in eine CSS-Klasse erben.

Kann eine Klasse in CSS einen oder mehrere andere Klassen erben??

Eine Klasse in CSS kann einen oder mehrere andere Klassen mit Tools wie schlanken Stilblättern erben. Es bietet zusätzliche Funktionen, die die Anwendung problemlos entwickeln.

Eine praktische Demonstration finden Sie im folgenden Beispiel.

Html

In HTML zwei hinzufügen “"Elemente mit den Klassen"Abschnitt" Und "Unterabschnitt" bzw:

Abschnitt

Unterabschnitt

Ausgang

Erstellen Sie ein weniger Stylesheet, indem Sie das hinzufügen “.weniger" Verlängerung.

Stil erstellen.Weniger Datei

Erstens zwei CSS -Klassen deklarieren “,“Gemeinsame Stile" Und "para”. Wenden Sie diese Klassen dann auf die HTML -Elemente an.

Stil „Common-Styles“ -Klasse

.Gemeinsame Stile
Hintergrundfarbe: RGB (228, 225, 148);
Grenze: 5px Solid RGB (213, 213, 243);
Polsterung: 10px;
Schriftgröße: 25px;
Rand: 5px;
Breite: 500px;

Der "Gemeinsame StileDie Klasse wird mit den folgenden CSS -Eigenschaften gestaltet:

• “Hintergrundfarbe”Bestimmt die Hintergrundfarbe des Elements.
• “Grenze”Fügt den Rand des Elements hinzu.
• “Polsterung”Fügt Platz für den Inhalt des Elements hinzu.
• “Schriftgröße”Zeigt die Schriftgröße an.
• “Rand”Erzeugt Raum um das Element.
• “Breite”Bestimmt die Breite des Elements.

Stil „Para“ -Klasse

.para
Schriftfamilie: Fantasie;
Schriftgröße: 20px;
Farbe: Grau;

Hier:

• “Schriftfamilie”Passt den Schriftstil an.
• “Schriftgröße”Legt die Schriftgröße fest.
• “Farbe”Setzt die Farbe der Schriftart.

Erben CSS -Klasse

In der folgenden CSS -Abteilung sind zwei CSS -Klassen durch die “inhärent“Abschnitt" Klasse:

.Abschnitt
.para;
.Gemeinsame Stile;

Hier, eine CSS -Klasse, “Gemeinsame Stile"Wird an die" vererbt "Unterabschnitt" Klasse:

.Unterabschnitt
.Gemeinsame Stile;

Ausgang

Auf diese Weise kann die CSS -Klasse einen oder mehrere CSS -Klassen erben.

Abschluss

Die CSS -Klasse kann einen oder mehrere CSS -Klassen mit Tools wie weniger erben. Erstellen Sie zuerst eine HTML -Datei. Geben Sie die darin enthaltenen HTML -Elemente an und weisen Sie ihnen die Klassen zu. Deklarieren Sie in der weniger Datei die Klassen mit CSS -Eigenschaften. Geben Sie die Klasse in den lockigen Klammern der anderen Klasse an, um Stile zu erben. Dieser Beitrag hat erklärt, wie ein oder mehrere Klassen von einer CSS -Klasse geerbt werden.