CSS Schnellstart – Mehrere Klassen verwenden

Den Vorteil von Klassen hast du bereits kennengelernt. Es ist möglich, dass du in einem Element mehrere Klassen angibst und nutzt. Nehmen wir das Beispiel von vorhin und erweitern die Elemente um den Beruf der Personen:

<p class="mann projektleitung">Stefan Steiler</p>
<p class="frau assistenz">Petra Steiler</p>
<p class="mann entwicklung">Andreas Anders</p>
<p class="frau projektleitung">Andrea Anders</p>

 

Nun kannst du einen weiteren Klassenselektor im CSS definieren, z.B.

.projektleitung {
  background-color: lightblue;
}

 

Damit würden die vorherigen Farben gesetzt werden und bei den Elementen mit der Klasse projektleitung wird der Hintergrund hellblau gezeigt.