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

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

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

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

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

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

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

<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に独自のクラスを設定してください。

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

<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には別のクラスを与えてください。