Elemen dengan Beberapa Kelas CSS

Anda dapat memberikan beberapa kelas CSS sekaligus kepada suatu tag. Untuk melakukannya, dalam atribut class kelas-kelas tersebut perlu dicantumkan dipisahkan oleh spasi.

Mari kita lihat sebuah contoh. Misalkan kita memiliki beberapa kelas CSS:

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

Berikan satu kelas dan kelas kedua kepada paragraf:

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

Misalkan Anda diberikan kelas-kelas berikut:

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

Misalkan Anda juga memiliki 4 paragraf. Dengan menggunakan kelas-kelas yang disajikan, buatlah agar paragraf pertama berwarna hijau dan dengan font besar, paragraf kedua - berwarna merah dan dengan font kecil, paragraf ketiga - berwarna merah dan dengan font besar, dan paragraf keempat - berwarna hijau dan dengan font kecil.

Ciptakan dan buatlah 3 kelas apa saja. Berikan kepada suatu tag ketiga kelas yang Anda ciptakan sekaligus.