Merker met gespesifiseerde klas in CSS

Kom ons sê ons het twee tipes merkers met dieselfde klasse. Byvoorbeeld, laat beide die opskrifte h2, en die paragrawe dieselfde klas hê:

<h2 class="eee">Titel</h2>
<p class="eee">
	teks
</p>

<h2 class="eee">Titel</h2>
<p class="eee">
	teks
</p>

Ons kan byvoorbeeld alle elemente met so 'n klas in rooi kleur:

.eee {
	color: red;
}

Ons kan eger ook na 'n spesifieke merker met 'n klas verwys. Byvoorbeeld, ons kan alle h2 met die klas eee kies en afsonderlik alle p met hierdie klas kies.

Om dit te doen, moet jy die merker se naam in die selekteerder skryf, en dan aaneenlopend die klas se naam. Laat ons, byvoorbeeld, die h2 met ons klas in rooi kleur, en die paragrawe met so 'n klas - in groen kleur:

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

Die volgende kode word gegee:

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

.header {
	color: red;
}

Maak al die h2 met die klas header 40px groot, en al die h3 met hierdie klas - 30px groot.