Бир нечта CSS селекторларни қўллашда хатолик

Бошланғичларнинг хатолигини эслатиб ўтамиз: селектор .bbb.zzz ва селектор .bbb .zzz турли ишларни бажаради. Биринчиси бир вақтда иккита синфга эга бўлган элементни излайди, иккинчиси эса .bbb синфи ичида жойлашган zzz синфли элементни излайди.

Задание 1

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

cssh2.zzz {
  color: red;
}
Задание 2

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

cssh2 .zzz {
  color: red;
}
Задание 3

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

css.bbb.zzz {
  color: red;
}
Задание 4

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

css.bbb .zzz {
  color: red;
}
Задание 5

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

css.bbb.zzz.xxx {
  color: red;
}
Задание 6

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

css.bbb .zzz.xxx {
  color: red;
}
Задание 7

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

css.bbb.zzz .xxx {
  color: red;
}
Задание 8

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

css.bbb .zzz .xxx {
  color: red;
}
Задание 9

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

css#elem.bbb {
  color: red;
}
Задание 10

Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:

css#elem .bbb {
  color: red;
}