CSS හි දරුවා තෝරන්නා

දරුවා තෝරන්නා > එකිනෙකාට කෙලින්ම කාවැද්දී ඇති මූලිකයන් තෝරා ගැනීමට ඉඩ සලසයි.

වාක්‍ය රචනය

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

උදාහරණය

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

<p>
	text <b>+</b>
</p>
<p>
	text <i><b>-</b></i>
</p>

p > b {
	color: red;
}

උදාහරණය

.block පන්තියේ මූලිකයන් ඇතුළත කෙලින්ම පිහිටා ඇති සියලුම b ටැග් වෙත අපි හැරෙමු, ඒවා රතු පාට කරමු:

<p class="block">
	text <b>+</b>
</p>
<p class="block">
	text <i><b>-</b></i>
</p>
<p>
	text <b>-</b>
</p>

.block > b {
	color: red;
}

උදාහරණය

.block පන්තියේ මූලිකයන් ඇතුළත කෙලින්ම පිහිටා ඇති .elem පන්තියේ සියලුම මූලිකයන් වෙත අපි හැරෙමු, ඒවා රතු පාට කරමු:

<p class="block">
	text <span class="elem">+</span>
</p>
<p class="block">
	text <i><span class="elem">-</span></i>
</p>
<p class="block">
	text <span>-</span>
</p>
<p>
	text <span class="elem">-</span>
</p>

.block > .elem {
	color: red;
}

මෙයද බලන්න

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