HTMLでのタググループ化のためのdivタグ

前のレッスンでは、テキストの一部を何らかの形で強調することを可能にするタグ spanについて説明しました。また、いくつかのタグをグループ化し、その後それらを同時に何かを行うことができる特別なタグ divも存在します。

例として、divタグを使用して段落をグループ化してみましょう：

html<div class="block1">
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div class="block2">
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

最初のグループの要素を赤色に、2番目のグループの要素を緑色に設定しましょう：

css.block1 {
  color: red;
}
.block2 {
  color: green;
}

Задание 1

以下のコードが与えられています：

html<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

最初のdivの内容を赤色に、2番目のdivの内容を緑色に、 3番目のdivの内容を青色にしてください。そのために、各divに独自のクラスを設定してください。

Задание 2

以下のコードが与えられています：

html<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>
<div>
  <h2>Title</h2>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

最初と3番目のdivの内容を赤色に、2番目と4番目のdivの内容を緑色にしてください。そのために、最初と3番目のdivには1つのクラスを、2番目と4番目のdivには別のクラスを与えてください。