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ň.