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;
}