CSS හි සන්දර්භික තෝරන්නා

සන්දර්ථීය තෝරන්නා, පරතරය (' ') විධානය නියෝජනය කරයි, නියමිත මූලිකයක් තුළ කොටු කර ඇති ටැග් තෝරා ගැනීමට ඉඩ සලසයි.

වාග් රීතිය

තෝරන්නා1 තෝරන්නා2 {

}

අපි div ටැග් තුළ ඇති සියලුම p ටැග් වෙත පිවිසෙමු ඒවා රතු පැහැයට වර්ණ කරමු:

<div>
	<p>
		පෙළ
	</p>
	<p>
		පෙළ
	</p>
</div>

div p {
	color: red;
}

අපි #elem හි ඇති සියලුම p ටැග් වෙත පිවිසෙමු ඒවා රතු පැහැයට වර්ණ කරමු:

<div id="elem">
	<p>
		පෙළ
	</p>
	<p>
		පෙළ
	</p>
</div>

#elem p {
	color: red;
}

අපි .block වර්ගයේ මූලද්‍රව්‍ය තුළ ඇති සියලුම p ටැග් වෙත පිවිසෙමු ඒවා රතු පැහැයට වර්ණ කරමු:

<div class="block">
	<p>
		පෙළ
	</p>
	<p>
		පෙළ
	</p>
</div>

.block p {
	color: red;
}

අපි div ටැග් තුළ ඇති p ටැග් තුළ ඇති සියලුම b ටැග් වෙත පිවිසෙමු ඒවා රතු පැහැයට වර්ණ කරමු:

<div>
	<p>
		පෙළ <b>+</b>
	</p>
</div>

div p b {
	color: red;
}

අනුජ තෝරන්නා,
කෙලින්ම කොටු කිරීම අනුව මූලද්‍රව්‍ය තෝරා ගැනීමට ඉඩ සලසයි.
යාබද සහෝදර තෝරන්නා,
එහි අසල්වැසියා අනුව මූලද්‍රව්‍යයක් තෝරා ගැනීමට ඉඩ සලසයි.
සාමාන්‍ය සහෝදර තෝරන්නා,
නියමිත මූලද්‍රව්‍යයකට පසුව ඇති මූලද්‍රව්‍ය තෝරා ගැනීමට ඉඩ සලසයි.
සර්වත්‍ර තෝරන්නා,
සියලුම මූලද්‍රව්‍ය තෝරා ගැනීමට ඉඩ සලසයි.