Element mit mehreren CSS-Klassen

Man kann einem HTML-Tag gleichzeitig mehrere CSS-Klassen zuweisen. Dazu müssen diese Klassen im Attribut class durch Leerzeichen getrennt aufgelistet werden.

Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben mehrere CSS-Klassen:

.error {
	color: red;
}
.large {
	font-size: 30px;
	font-family: Arial;
}

Weisen wir einem Absatz sowohl die eine als auch die zweite Klasse zu:

<p class="error large">
	lorem ipsum
</p>

Nehmen wir an, Ihnen stehen folgende Klassen zur Verfügung:

.success {
	color: green;
}
.error {
	color: red;
}
.large {
	font-size: 30px;
}
.small {
	font-size: 20px;
}

Nehmen wir weiter an, Sie haben 4 Absätze. Machen Sie mit Hilfe der dargestellten Klassen Folgendes: Der erste Absatz soll grün und mit großer Schrift, der zweite Absatz - rot und mit kleiner Schrift, der dritte Absatz - rot und mit großer Schrift, und der vierte - grün und mit kleiner Schrift sein.

Denken Sie sich 3 beliebige Klassen aus. Weisen Sie einem HTML-Tag gleichzeitig alle drei Ihrer selbst ausgedachten Klassen zu.