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:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
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.