Тег бо класи муайянкардашуда дар CSS

Бигзор ду навъи тегҳо бо як класҳои якхела дошта бошем. Масалан, бигзор ҳам сарлавҳаҳои h2, ҳам параграфҳо як класи якхела дошта бошанд:

<h2 class="eee">Sarlavha</h2>
<p class="eee">
	matn
</p>

<h2 class="eee">Sarlavha</h2>
<p class="eee">
	matn
</p>

Мо метавонем, барои намуна, ҳамаи элементҳоро бо чунин клас ба ранги сурх ранг кунем:

.eee {
	color: red;
}

Аммо, метавон ба теги мушаххас бо клас муроҷиат кард. Масалан, метавон ҳамаи h2 бо класи eee-ро интихоб кард ва алоҳида ҳамаи p бо ин класро интихоб кард.

Барои ин дар селектор бояд номи тег навишта шавад, ва сипас ба таври пайваст номи клас. Биёед, барои намуна, h2 бо класи мо ба сурх ранг кунем, ва параграфҳо бо чунин клас - ба сабз:

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

Ин рамзи зерин дода шудааст:

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

.header {
	color: red;
}

Ҳамаи h2 бо класи header-ро андозаи 40px созед, ва ҳамаи h3 бо ин клас - андозаи 30px.