Birden Fazla CSS Sınıfına Sahip Öğe

Bir etiket için aynı anda birden fazla CSS sınıfı tanımlanabilir. Bunun için class niteliğinde bu sınıflar boşlukla ayrılarak listelenmelidir.

Bir örnek üzerinden görelim. Elimizde birkaç CSS sınıfı olsun:

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

Paragrafa hem birinci hem de ikinci sınıfı atayalım:

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

Size aşağıdaki sınıflar verilmiş olsun:

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

Ayrıca 4 paragrafınız olduğunu varsayalım. Sunulan sınıfları kullanarak, birinci paragrafın yeşil ve büyük yazı tipinde, ikinci paragrafın kırmızı ve küçük yazı tipinde, üçüncü paragrafın kırmızı ve büyük yazı tipinde, dördüncü paragrafın ise yeşil ve küçük yazı tipinde olmasını sağlayın.

Kendiniz 3 adet herhangi bir sınıf tasarlayın ve yapın. Bir etikete aynı anda tasarladığınız üç sınıfı da atayın.