HTML-de bellikleri gruplamak üçin div belligi

Öňki sapakda biz span belligini, birneme teksti nähili bolsa-da belläp görkezmäge mümkinçilik berýändigini düşündik. Şeýle hem, birnäçe bellikleri gruplamak we soňra bir wagtyň özünde olar bilen bir zat etmek üçin div ýörite belligi bar.

Mysal üçin, div bellikleri bilen absazlary gruplaýalyň:

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

Birinci topara degişli elementlere gyzyl reňk belläýeliň, ikinji topara degişli elementlere bolsa - ýaşyl reňk:

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

Aşakdaky kod berlen:

<div>
	<h2>At</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>
<div>
	<h2>At</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>
<div>
	<h2>At</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>

Birnji div-iň mazmunyny gyzyl reňke, ikinji div-iň mazmunyny - ýaşyl reňke, üçünji div-iň mazmunyny bolsa - gök reňke boýaň. Buny üçin her bir div-e öz klasyny belläň.

Aşakdaky kod berlen:

<div>
	<h2>At</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>
<div>
	<h2>At</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>
<div>
	<h2>At</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>
<div>
	<h2>At</h2>
	<p>
		tekst
	</p>
	<p>
		tekst
	</p>
</div>

Birnji we üçünji divleriň mazmunyny gyzyl reňke, ikinji div we dördünji divleriň mazmunyny - ýaşyl reňke boýaň. Bunuň üçin birinji we üçünji divlere bir klas beriň, ikinji we dördünji divlere bolsa başga bir klas beriň.