Берілген класты тег 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;
}

header класы бар барлық h2 тегтерін 40px өлшемінде, ал осы класты барлық h3 тегтерін - 30px өлшемінде етіңіз.