Element med flere CSS-klasser

Du kan tilordne flere CSS-klasser samtidig til et element. For å gjøre dette må klassene listes opp i class-attributten adskilt med mellomrom.

La oss se på et eksempel. Anta at vi har flere CSS-klasser:

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

La oss tilordne både den ene klassen og den andre til et avsnitt:

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

Anta at du har følgende klasser:

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

Anta at du også har 4 avsnitt. Bruk de presenterte klassene til å gjøre slik at det første avsnittet er grønt og med stor skriftstørrelse, det andre avsnittet - rødt og med liten skriftstørrelse, det tredje avsnittet - rødt og med stor skriftstørrelse, og det fjerde - grønt og med liten skriftstørrelse.

Tenk på og lag 3 noen klasser. Tilordne alle tre klassene du har tenkt på til et element samtidig.