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

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

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

html<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 դասարանունը, իսկ երրորդ պարբերությունը՝ այս երկու դասարանունները միաժամանակ:

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

css.eee.zzz {
  color: red;
}

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