Бир нечта CSS селекторларни қўллашда хатолик
Бошланғичларнинг хатолигини эслатиб ўтамиз: селектор
.bbb.zzz ва селектор .bbb .zzz
турли ишларни бажаради. Биринчиси бир вақтда иккита синфга эга бўлган элементни излайди,
иккинчиси эса
.bbb синфи ичида жойлашган zzz синфли элементни
излайди.
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
h2.zzz {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
h2 .zzz {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
.bbb.zzz {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
.bbb .zzz {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
.bbb.zzz.xxx {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
.bbb .zzz.xxx {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
.bbb.zzz .xxx {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
.bbb .zzz .xxx {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
#elem.bbb {
color: red;
}
Қуйидаги коддаги селектор нимани танлашини сўзлаб беринг. Сўнгра ушбу селекторга мос келадиган HTML кодни ёзинг. Селектор билан код:
#elem .bbb {
color: red;
}
