Element met meerdere CSS-klassen

Je kunt meerdere CSS-klassen tegelijkertijd toewijzen aan een tag. Om dit te doen moeten deze klassen in het attribuut class worden opgesomd, gescheiden door een spatie.

Laten we een voorbeeld bekijken. Stel we hebben een aantal CSS-klassen:

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

Laten we aan een alinea zowel de eerste als de tweede klasse toewijzen:

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

Stel dat je de volgende klassen hebt:

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

Stel dat je ook 4 alinea's hebt. Maak met behulp van de gepresenteerde klassen zo dat de eerste alinea groen is en met een groot lettertype, de tweede alinea - rood en met een klein lettertype, de derde alinea - rood en met een groot lettertype, en de vierde - groen en met een klein lettertype.

Bedenk en maak 3 willekeurige klassen. Wijs aan een tag tegelijkertijd alle drie de door jou bedachte klassen toe.