CSS-Selektoren werden verwendet, um HTML-Elemente auszuwählen, die Sie stylen möchten.
Hier sind einige grundlegende Selektorentypen:
1. Elementselektor: Wählt alle Elemente mit einem spezifischen Namen aus. Zum Beispiel wählt `p` alle Absätze aus.
```
p {
color: blue;
}
```
2. ID-Selektor: Wählt ein einzelnes Element aus, das eine spezifische ID hat. Zum Beispiel wählt `#myId` das Element mit der ID “myId” aus. IDs sollten einzigartig sein und nur einmal pro Seite verwendet werden.
```
#myId {
color: blue;
}
```
3. Klassenselektor: Wählt Elemente mit einer bestimmten Klasse aus. Klassen können mehrfach auf einer Seite verwendet werden. Zum Beispiel wählt `.myClass` alle Elemente mit der Klasse “myClass” aus.
```
.myClass {
color: blue;
}
```
4. Attributselektor: Wählt Elemente mit einem bestimmten Attribut aus. Zum Beispiel wählt `[href]` alle Elemente mit einem `href`-Attribut aus.
```
[href] {
color: blue;
}
```
5. Pseudoklassen: Wählen spezielle Zustände von Elementen aus, z. B. das Element, auf das gerade geklickt wird (`:active`), oder das zuletzt besuchte Element (`:visited`).
```
a:visited {
color: purple;
}
```
6. Pseudoelemente: Wählen spezielle Teile von Elementen aus, z. B. die erste Zeile eines Absatzes (`::first-line`) oder das erste markierte Element (`::selection`).
```
p::first-line {
color: blue;
}
```
Diese Selektorentypen können auch kombiniert werden, um spezifischere Auswahlvorgänge durchzuführen.
