Више селектора заједно у 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;
}