CSSтеги белгилүү класс менен

Бизде эки типтеги теглер бирдей класс менен болсун. Мисалы, баштыктар h2 жана абзацтар бир эле класска ээ болсун:

<h2 class="eee">Баштык</h2>
<p class="eee">
текст
</p>

<h2 class="eee">Баштык</h2>
<p class="eee">
	текст
</p>

Биз, мисалы, ушул сыяктуу класс менен бардык элементтерди кызыл түскө боёсок болот:

.eee {
	color: red;
}

Бирок, класстын айрым тегине кайрылсак болот. Мисалы, бардык h2 тегдерди eee класстары менен тандап, алардан айырмалап, бардык p тегдерди ушул класста тандасак болот.

Бул үчүн селектордо тегдин аталышын, андан кийин бириктирип класс аталышын жазыш керек. Келгиле, мисалы, биздин класстагы h2 тегдерди кызыл түскө, ал эми ушул сыяктуу класстагы абзацтарды жашыл түскө бояйлы:

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

Төмөнкү код берилген:

<h2 class="header">текст</h2>
<h2 class="header">текст</h2>
<h3 class="header">текст</h3>
<h3 class="header">текст</h3>

.header {
	color: red;
}

h2 тегдеринин бардыгын header класстары менен 40px өлчөмүндө кылыңыз, ал эми h3 тегдеринин бардыгын ушул класста - 30px өлчөмүндө кылыңыз.