CSS-de berlen klasly teg

Bizde birmeňzeş klaslary bolan iki tip teg bardyr diýeliň. Meselem, hem h2 atly başlyklar, hem-de abzaslar şol bir klasa eýe bolsun:

<h2 class="eee">Başlyk</h2>
<p class="eee">
	tekst
</p>

<h2 class="eee">Başlyk</h2>
<p class="eee">
	tekst
</p>

Mysal üçin, biz şeýle klasa eýe bolan ähli elementleri gyzyl reňke öwürmelidigimiz ýaly:

.eee {
	color: red;
}

Emma, takyk berlen klasly tege ýüzlenip bolýar. Meselem, eee klasly ähli h2 tepleri, we şol klasa eýe bolan ähli p teplerini aýratyn saylap bolýar.

Bun üçin selektorda teg aty, soňra bolsa klas aty ýapyşyk ýazylyşy gerek. Geliň, mysal üçin, bizimi klasly h2 teplerimizi gyzyl reňke, şol klasly abzaslary bolsa ýaşyl reňke öwürelýärin:

h2.eee {
	color: red;
}
p.eee {
	color: green;
}

Aşakdaky kod berlen:

<h2 class="header">tekst</h2>
<h2 class="header">tekst</h2>
<h3 class="header">tekst</h3>
<h3 class="header">tekst</h3>

.header {
	color: red;
}

header klasly ähli h2 teplerini 40px ölçegine we şol klasly ähli h3 teplerini 30px ölçegine getiriň.