Etiketa me klasë të caktuar në CSS

Le të supozojmë se kemi dy lloje etiketash me klasa të njëjta. Për shembull, le të themi që të dy titullt h2, dhe paragrafët kanë të njëjtën klasë:

<h2 class="eee">Titull</h2>
<p class="eee">
	tekst
</p>

<h2 class="eee">Titull</h2>
<p class="eee">
	tekst
</p>

Ne mund, për shembull, t'i ngjyrosim të gjithë elementët me këtë klasë në ngjyrë të kuqe:

.eee {
	color: red;
}

Sidoqoftë, mund t'i drejtohemi një etikete të veçantë me klasë. Për shembull, mund të zgjedhim të gjithë h2 me klasën eee dhe veçmas të zgjedhim të gjithë p me këtë klasë.

Për ta bërë këtë, në selektor duhet të shkruani emrin e etiketës, dhe më pas në mënyrë të bashkuar emrin e klasës. Le të, për shembull, të ngjyrosim h2 me klasën tonë në të kuqe, dhe paragrafët me këtë klasë - në të gjelbër:

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

Jepet kodi në vijim:

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

.header {
	color: red;
}

Bëni që të gjithë h2 me klasën header të kenë madhësi 40px, dhe të gjithë h3 me këtë klasë - madhësi 30px.