CSS -Klassen und Unterklassen
In HTML werden verschiedene Attribute verwendet, um das Element eindeutig zu identifizieren, wie zKlasse" Und "Ausweis”Attribute. Sie können einer Klasse in einem Element auch mehr als einen Namen zuweisen oder Unterklassen innerhalb der Elemente erstellen. Diese werden hauptsächlich verwendet, um auf eine andere Klasse in einem Stylesheet zu zeigen. Insbesondere helfen CSS -Klassen und Unterklassen bei der Definition einer Gruppe von HTML.
Dieser Blog wird demonstrieren:
- Was sind CSS -Klassen und Unterklassen?
- So greifen Sie auf die CSS -Klasse & Unterklassen zu?
Was sind CSS -Klassen und Unterklassen?
Ein CSS “KlasseIst ein Attribut, das zum Angeben einer Sammlung von HTML -Elementen verwendet wird, damit bestimmte Stile und Formatierung auf alle diese Komponenten angewendet werden können. Wenn Benutzer wiederverwendbare Designmuster erkennen oder entwickeln, die eine Verbindung zu einer übergeordneten Klasse herstellen, kann eine andere Klasse mit dem Begriff einfach erstellt werden “Unterklasse”. Danach können Sie Dinge an mehreren Stellen umziehen und wiederverwenden, ohne Stile zu stören oder die Selektoren mit Unterklassen und nicht der Selektoren zu ändern.
So greifen Sie auf CSS -Klassen und Unterklassen zu?
Um auf CSS -Klassen und Unterklassen zuzugreifen, befolgen Sie die folgende angegebene Prozedur.
Schritt 1: Machen Sie einen Div -Container
Erstellen Sie zuerst eine “divContainer mit Hilfe der “" Element. Dann fügen Sie eine "hinzu"Klasse”Attribut innerhalb des DIV -Eröffnungs -Tags und weisen Sie der Klasse einen bestimmten Namen zu.
Schritt 2: Erstellen einer Tabelle
Als nächstes verwenden Sie die “ Ausgang Schritt 3: Erstellen Sie einen weiteren Div -Container Erstellen Sie nun einen weiteren Div -Container und fügen Sie eine Klasse hinzu, indem Sie dieselbe Methode folgen. Schritt 4: Machen Sie einen weiteren Tisch Verwenden Sie die “ Ausgang Schritt 5: Stil „Main-Div“ -Klasse Greifen Sie nun auf das Hauptklassenattribut zu und wenden Sie die folgenden Eigenschaften an: Hier: Schritt 6: Stilklasse & Unterklasse In diesem angegebenen Schritt greifen Sie mit Hilfe ihres Namens und des Attributauswählers als sowohl auf die Hauptklasse als auch auf die Unterklasse zu.Main-div" Und ".Inhalt”: Wenden Sie nach dem Zugriff auf die Klasse und die Unterklasse die “anFarbeEigenschaft, um die Farbe auf den hinzugefügten Text einzustellen. Ausgang Schritt 7: Stil „Second-Div“ -Klasse Greifen Sie auf die andere Hauptklasse zu, indem Sie das gleiche Verfahren der Hauptdiv verwenden: Dann wenden Sie die “an“Grenze" Und "RandEigenschaften dazu. Schritt 8: Style "Inhalts" -Subklasse Greifen Sie nun auf die andere Unterklasse zu und wenden Sie die “anFarbe”CSS -Eigenschaft, um die Farbe für den hinzugefügten Text anzugeben: Es ist zu bemerken, dass die CSS -Klassen und ihre relevanten Unterklassen erfolgreich gestaltet wurden: Das drehte sich um die Verwendung der CSS -Klassen und Unterklassen. Abschluss Erstellen Sie zunächst einen Div -Container mit Hilfe von “, um zuerst auf CSS -Klassen und -Subklassen zuzugreifen.“”Und fügen Sie eine Klasse mit einem bestimmten Namen ein. Machen Sie dann ein anderes Element zwischen dem Container, da wir eine Tabelle erstellt haben, indem wir die “verwenden”Tag zum Erstellen einer Tabelle. Weisen Sie auch eine Klasse im Inneren der zu
Tag, bekannt als seine Unterklasse. Erstellen Sie dann Zeilen in der Tabelle mit Hilfe von “
"Und benutze das" ”Um die Tabellendaten hinzuzufügen: LinuxHint ist eine in Großbritannien ansässige Organisation. LinuxHint die beste Tutorial -Website ”Tag zum Erstellen eines anderen Tags:
TSL arbeitet für LinuxHint Ltd UK TSL ist die beste Organisation für Ersteller von Inhalten .Main-div
Grenze: 3px fester RGB (240, 38, 2);
Rand: 10px 100px;
.Main-div .Inhalt
Farbe: RGB (8, 12, 240);.Zweitbetrag
Grenze: 3px fest blau;
Rand: 10px 100px;.Zweitbetrag .Inhalt
Farbe: RGB (27, 240, 7);”Tag und fügen Sie eine Klasse im Tabellen -Tag mit einem bestimmten Namen hinzu. Danach zugreifen. In diesem Beitrag wurde über CSS -Klassen und Unterklassen angegeben.