Несколько селекторов слитно в CSS

Чтобы выбрать элемент, одновременно подпадающий под несколько селекторов, нужно написать эти селекторы слитно, без пробела.

Например, следующий селектор выберет элемент, одновременно имеющий класс bbb и класс zzz:

css.bbb.zzz {
  
}

А следующий селектор выберет заголовок h2, одновременно имеющий класс bbb и класс zzz:

cssh2.bbb.zzz {
  
}

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

To есть, например, селекторы .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;
}