К содержанию

Bir nechta CSS selektorlaridan foydalanishda xato

Yangi boshlanuvchilar uchun eslatma: .bbb.zzz selektor va .bbb .zzz selektor turli xil narsalarni bajaradi. Birinchi bir vaqtning o'zida ikkita classga ega bo'lgan elementni qidiradi, ikkinchisi esa bbb classi ichida joylashgan zzz classidagi elementni qidiradi.

Задание 1

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

cssh2.zzz {
  color: red;
}

Задание 2

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

cssh2 .zzz {
  color: red;
}

Задание 3

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

css.bbb.zzz {
  color: red;
}

Задание 4

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

css.bbb .zzz {
  color: red;
}

Задание 5

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

css.bbb.zzz.xxx {
  color: red;
}

Задание 6

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

css.bbb .zzz.xxx {
  color: red;
}

Задание 7

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

css.bbb.zzz .xxx {
  color: red;
}

Задание 8

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

css.bbb .zzz .xxx {
  color: red;
}

Задание 9

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

css#elem.bbb {
  color: red;
}

Задание 10

Quyidagi kodda keltirilgan selektor nimalarni tanlashini tushuntiring. Keyin ushbu selektorga mos keladigan HTML kodini yozing. Mana selektor bilan kod:

css#elem .bbb {
  color: red;
}