Бірнеше 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;
}
