Keuse van element volgens verskeie klasse in CSS

As ons wil, kan ons 'n element kies wat gelyktydig twee klasse het, sonder om elemente met net een van hierdie klasse te raak.

Kom ons kyk na 'n voorbeeld. Gestel ons het die volgende kode:

<p class="eee">
	This is a paragraph with text.
</p>
<p class="zzz">
	This is a paragraph with text.
</p>
<p class="eee zzz">
	This is a paragraph with text.
</p>

Soos jy kan sien, het die eerste paragraaf klas eee, die tweede paragraaf - klas zzz, en die derde paragraaf - albei hierdie klasse gelyktydig.

Kom ons kies die laaste paragraaf, sonder om die ander te raak. Om dit te doen, skryf ons die naam van een klas en die naam van die tweede klas aanmekaar sonder spasie:

.eee.zzz {
	color: red;
}

Kies die element wat gelyktydig die klasse eee, zzz en ccc het:

<p class="eee">
	This is a paragraph with text.
</p>
<p class="zzz">
	This is a paragraph with text.
</p>
<p class="ccc">
	This is a paragraph with text.
</p>
<p class="eee zzz ccc">
	This is a paragraph with text.
</p>