In CSS können Sie Elemente auswählen, Stile anwenden class
und id
Elemente auf Ihrer Webseite anpassen. Hier finden Sie eine detaillierte Anleitung zur Verwendung:
Elemente auswählen
Um alle Instanzen eines bestimmten HTML-Elements auszuwählen, verwenden Sie den Elementnamen als Selektor. Wählt beispielsweise p
alle <p>
Tags im Dokument aus.
Auswählen Class
Um Elemente mit derselben Klasse auszuwählen, verwenden Sie einen Punkt „.“ gefolgt vom Klassennamen. Wählt beispielsweise .my-class
alle Elemente mit der Klasse aus my-class
.
Um Elemente mit mehreren Klassen auszuwählen, verwenden Sie die Punkte „.“ und listen Sie die durch Leerzeichen getrennten Klassennamen auf. Wählt beispielsweise .class1.class2
Elemente mit beiden Klassen class1
und aus class2
.
Auswählen id
Um ein bestimmtes Element anhand seiner auszuwählen id
, verwenden Sie ein Hash „#“, gefolgt von der des Elements id
. Wählt beispielsweise #my-id
das Element mit dem aus id
my-id
.
Kombinieren von Element
, Class
und ID
Auswahlen
Sie können Element-, class
und ID-Auswahlen kombinieren, um auf bestimmte Elemente mit bestimmten Klassen und. zu zielen ID
.
Wählt beispielsweise div.my-class#my-id
das <div>
Element mit dem class my-class
und aus ID
my-id
.
Hier ist ein konkretes Beispiel für die Auswahl der Elemente, class
und id
in CSS:
Durch die Verwendung von element
, class
und ID-Auswahlen können Sie ganz einfach bestimmte Elemente oder Elementgruppen auf Ihrer Webseite auswählen und formatieren.