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:

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

Mari kita tetapkan satu kelas dan kelas kedua kepada perenggan:

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

Задание 1

Katakan anda diberi kelas-kelas berikut:

css.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.

Задание 2

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