Tagg med angiven klass i CSS

Låt oss säga att vi har två typer av taggar med samma klasser. Till exempel, låt oss säga att både rubriker h2, och stycken har samma klass:

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

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

Vi kan till exempel färga alla element med en sådan klass i rött:

.eee {
	color: red;
}

Man kan dock rikta in sig på en specifik tagg med en klass. Till exempel kan man välja alla h2 med klassen eee och separat välja alla p med denna klass.

För att göra detta måste du skriva taggnamnet i selektorn, och sedan klassnamnet ihop. Låt oss, till exempel, färga h2 med vår klass i rött, och stycken med en sådan klass - i grönt:

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

Följande kod ges:

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

.header {
	color: red;
}

Gör alla h2 med klassen header 40px stora, och alla h3 med denna klass - 30px stora.