CSS-ում տարրի ընտրություն մի քանի դասարանունով

Անհրաժեշտության դեպքում մենք կարող ենք ընտրել տարր, որն ունի միաժամանակ երկու դասարանուն, առանց դիպչելու այն տարրերին, որոնք ունեն դրանցից միայն մեկը:

Դիտարկենք օրինակով: Ենթադրենք ունենք հետևյալ կոդը:

<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>

Ինչպես տեսնում եք, առաջին պարբերությունն ունի eee դասարանունը, երկրորդ պարբերությունը՝ zzz դասարանունը, իսկ երրորդ պարբերությունը՝ այս երկու դասարանունները միաժամանակ:

Եկեք ընտրենք վերջին պարբերությունը՝ առանց դիպչելու մնացածներին: Դրա համար անընդմեջ, առանց բացատի, գրենք մեկ դասարանունի անունը և երկրորդ դասարանունի անունը:

.eee.zzz {
	color: red;
}

Ընտրեք տարրը, որն միաժամանակ ունի eee, zzz և ccc դասարանունները:

<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>