CSS හි පන්ති කිහිපයකින් අංග තෝරාගැනීම

අපට අවශ්‍ය නම්, එක් පන්තියක් පමණක් ඇති අංග කිසිවක් බලපෑමට ලක් නොකරමන්, එකවර පන්ති දෙකක් ඇති අංගයක් තෝරාගත හැකිය.

අපි උදාහරණයක් බලමු. අපට පහත කේතය ඇති බවට ගනිමු:

<p class="eee">
	මෙය පෙළ සහිත ඡේදයකි.
</p>
<p class="zzz">
	මෙය පෙළ සහිත ඡේදයකි.
</p>
<p class="eee zzz">
	මෙය පෙළ සහිත ඡේදයකි.
</p>

ඔබට පෙනෙන පරිදි, පළමු ඡේදයට eee පන්තිය ඇත, දෙවන ඡේදයට - zzz පන්තිය, තුන්වන ඡේදයට - මෙම පන්ති දෙකම එකවර ඇත.

ඉතිරි ඒවා බලපෑමට ලක් නොකරමන් අවසාන ඡේදය තෝරාගනිමු. මේ සඳහා හිස් තැනකින් තොරව එකට ඇලවී පළමු පන්තියේ නම සහ දෙවන පන්තියේ නම ලියන්න:

.eee.zzz {
	color: red;
}

eee, zzz සහ ccc පන්ති එකවර ඇති අංගය තෝරන්න:

<p class="eee">
	මෙය පෙළ සහිත ඡේදයකි.
</p>
<p class="zzz">
	මෙය පෙළ සහිත ඡේදයකි.
</p>
<p class="ccc">
	මෙය පෙළ සහිත ඡේදයකි.
</p>
<p class="eee zzz ccc">
	මෙය පෙළ සහිත ඡේදයකි.
</p>