Некалькі селектараў злітна ў CSS

Каб выбраць элемент, адначасова які пападае пад некалькі селектараў, трэба напісаць гэтыя селектары злітна, без прабелу.

Напрыклад, наступны селектар выберэ элемент, які адначасова мае клас bbb і клас zzz:

css.bbb.zzz {
  
}

А наступны селектар выберэ загаловак h2, які адначасова мае клас bbb і клас zzz:

cssh2.bbb.zzz {
  
}

Паказаным чынам можна канструяваць адвольныя канструкцыі селектараў. Пры гэтым іх парадак селектараў, што выкарыстоўваюцца, значэння не мае, акрамя правіла, што селектары тэгаў трэба ставіць у самым пачатку.

Гэта значыць, напрыклад, селектары .bbb.zzz і .zzz.bbb цалкам эквівалентныя.

Акрамя таго, можна фарміраваць селектары з выкарыстаннем id, напрыклад, такія: #elem.eee, ці h2#elem.eee, ці h2.eee#elem і гэтак далей.

Задание 1

Раскажыце, што выбірае селектар у прыведзеным ніжэй кодзе. Затым напішыце HTML код, які падыходзіць пад гэты селектар. Вось код з селектарам:

css.bbb.zzz {
  color: red;
}

Задание 2

cssh2.bbb.zzz {
  color: red;
}

Задание 3

css#elem.bbb {
  color: red;
}

Задание 4

css#elem.bbb.zzz {
  color: red;
}

Задание 5

cssh2#elem.bbb {
  color: red;
}