Elemen dengan Berbilang Kelas CSS

Anda boleh menetapkan berbilang kelas CSS secara serentak kepada mana-mana tag. Untuk melakukan ini, dalam atribut class, kelas-kelas ini perlu disenaraikan dipisahkan oleh ruang.

Mari kita lihat contoh. Katakan kita mempunyai beberapa kelas CSS:

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

Mari kita tetapkan satu kelas dan kelas kedua kepada perenggan:

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

Katakan anda diberi kelas-kelas berikut:

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

Katakan anda juga mempunyai 4 perenggan. Dengan menggunakan kelas-kelas yang ditunjukkan, buat supaya perenggan pertama berwarna hijau dan dengan fon bersaiz besar, perenggan kedua - berwarna merah dan dengan fon bersaiz kecil, perenggan ketiga - berwarna merah dan dengan fon bersaiz besar, dan perenggan keempat - berwarna hijau dan dengan fon bersaiz kecil.

Cipta dan buat 3 kelas apa sahaja. Tetapkan kepada mana-mana tag secara serentak ketiga-tiga kelas yang anda cipta.