Element med flera CSS-klasser

Det är möjligt att tilldela flera CSS-klasser samtidigt till ett element. För att göra detta ska klasserna listas i attributet class, separerade med mellanslag.

Låt oss titta på ett exempel. Antag att vi har några CSS-klasser:

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

Låt oss tilldela stycket både den ena och den andra klassen:

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

Antag att du har följande klasser:

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

Antag också att du har 4 stycken. Med hjälp av de presenterade klasserna, se till att det första stycket är grönt och med stor typsnittsstorlek, det andra stycket - rött och med liten typsnittsstorlek, det tredje stycket - rött och med stor typsnittsstorlek, och det fjärde - grönt och med liten typsnittsstorlek.

Kom på och skapa 3 några slags klasser. Tilldela ett element samtidigt alla tre av dina egna hittade klasser.