Selektoren werden verwendet, um spezifische HTML-Elemente auszuwählen und ihnen CSS-Eigenschaften zuzuweisen. Es gibt verschiedene Arten von Selektoren:

• Elementselektoren: p { }
• Klassenselektoren .klassenname { }
• ID-Selektoren #id { }

Elementselektoren

Mit einem Elementselektor wählt man alle HTML Elemente mit einem bestimmten Tag aus.

p {
	color: red;
}

<p>Roter Text</p>
<p>Roter Text</p>
<p>Roter Text</p>

https://codepen.io/andipollok/pen/LYJxmoa

Klassenselektoren

.rot {
	color: red;
}

.blau {
	color: blue;
}

.fett {
	font-weight: bold;
}

<p class="rot">Roter Text</p>
<p class="blau fett">Blauer fetter Text</p>
<p>Schwarzer Text bzw Text ohne bestimmte Farbe</p>

https://codepen.io/andipollok/pen/qBMRYev

ID-Selektoren

#rot {
	color: red;
}

<p id="rot">Roter Text</p>

<aside> 👉 Achtung: eine ID darf nur einmal in einem HTML Dokument vergeben werden.

</aside>

https://codepen.io/andipollok/pen/KKxaeKX