Kann ich Elemente mit mehreren Klassen auswählen?

Ja, es ist möglich, die Elemente auszuwählen, die mit mehreren Klassen verbunden sind. In einem HTML -Dokument werden CSS -Selektoren verwendet, um auf die Klassen zu verweisen, die im HTML -Körper erstellt wurden, um Eigenschaften in diesen Elementen anzuwenden. Die Klassenauswahl beginnen mit einem Punkt “.Symbol und dann wird der genaue Name der Klasse geschrieben.

Wenn es erforderlich ist, das Element auszuwählen, das nicht nur zu einer Klasse gehört, werden die Namen aller Klassen im Stilelement geschrieben, beginnend mit dem Punktsymbol genau so, wie eine einzelne Klasse ausgewählt ist. Die Selektoren sollten keinen Platz untereinander haben. Außerdem ist das Hinzufügen der Anzahl der Selektoren bei der Auswahl eines Elements kein Grenzwert für das Hinzufügen der Selektoren vorhanden.

So wählen Sie Elemente mit mehreren Klassen aus?

Die Syntax, um das Element mit mehreren Klassen auszuwählen, lautet wie folgt:

.Klasse 1.Klasse 2.Klasse3.class4…
/ * CSS -Eigenschaften *//

In der obigen Syntax wurden mehrere Klassenwählern hinzugefügt (i.e., Class1, Klasse2, Klasse 3, Class4 usw.) Verwenden “.Symbol.

Lassen Sie uns verstehen, wie Sie mehrere Klassenwählern zusammen hinzufügen, um das zugeordnete Element praktisch mit einem einfachen Beispiel auszuwählen.

Beispiel: Auswählen eines Elements mit mehreren Klassen

Nach dem angegebenen Code -Snippet gibt es drei verschiedene Elemente (Überschriften) und das erste Element hat drei Klassen, i.e., Klasse1, Klasse2 und Klasse3:

Dies ist die erste Zeile ... Dieses Element hat 3 Klassen!!

Dies ist die zweite Zeile…

Dies ist die dritte Zeile…

Um das Element mit mehreren Klassen (Klasse1, Klasse 2, Klasse 3) im CSS -Stilelement auszuwählen, werden die Klassenauswahl einfach ohne Platz zwischen ihnen hinzugefügt:

.Klasse 1.Klasse 2.Klasse3
Farbe weiß;
Grenzfarbe: Schwarz;
Grenzstil: solide;
Hintergrundfarbe: Darkcyan;

Dadurch wird die definierten CSS -Eigenschaften auf das Element angewendet, das Klasse1, Klasse 2 und Klasse 3 enthält und die folgende Ausgabe erzeugt:

So können Sie Elemente auswählen, die zu mehreren Klassen gehören.

Abschluss

Die Entwickler können das Element auswählen, das mehrere Klassen enthält, indem sie mehrere Klassenwählern im CSS -Style -Element hinzufügen und auf alle Klassen, mit denen das Element zugeordnet ist. Die Klasselektoren werden im Stilelement ohne Platz zwischeneinander hinzugefügt. Darüber hinaus gibt es auch keine Einschränkung der Anzahl der Klassenauswahlstoffe im Stilelement hinzugefügt. Dieser Blog ist eine gute Anleitung zur Methode, um die Elemente mit mehreren Klassen auszuwählen.