Bir nechta CSS klassiga ega element

Biror tegga bir vaqtning o'zida bir nechta CSS klasslari belgilash mumkin. Buning uchun class atributida bu klasslar probel orqali sanab o'tilishi kerak.

Keling, buni misolda ko'rib chiqaylik. Faraz qilaylik, bizda bir nechta CSS klasslari mavjud:

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

Abzatga ham birinchi, ham ikkinchi klassni belgilaymiz:

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

Задание 1

Faraz qilaylik, sizga quyidagi klasslar berilgan:

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

Yana faraz qilaylik, sizda 4 ta abzat mavjud. Taqdim etilgan klasslardan foydalanib, birinchi abzat yashil va katta shriftli, ikkinchi abzat - qizil va kichik shriftli, uchinchi abzat - qizil va katta shriftli, to'rtinchi abzat - yashil va kichik shriftli bo'ladigan qiling.

Задание 2

O'ylab toping va 3 ta biron bir klass yarating. Biror tegga bir vaqtning o'zida siz yaratgan barcha uchta klassni belgilang.