CSS ရှိ Contextual Selector

Contextual selector သည် အဆင့်ခွဲ command ဖြစ်သော (' ') ကို ကိုယ်စားပြုပြီး သတ်မှတ်ထားသော မိဘ tag အတွင်းသို့ ထည့်သွင်းထားသော tag များကို ရွေးချယ်ခွင့်ပေးသည်။

ဖွဲ့စည်းပုံ

selector1 selector2 {
	
}

ဥပမာ

div tag များအတွင်းရှိ p tag အားလုံးကို ရွေးပြီး အနီရောင်သို့ ပြောင်းကြည့်ရအောင်။

<div>
	<p>
		စာသား
	</p>
	<p>
		စာသား
	</p>
</div>

div p {
	color: red;
}

ဥပမာ

#elem id ရှိသော element အတွင်းရှိ p tag အားလုံးကို ရွေးပြီး အနီရောင်သို့ ပြောင်းကြည့်ရအောင်။

<div id="elem">
	<p>
		စာသား
	</p>
	<p>
		စာသား
	</p>
</div>

#elem p {
	color: red;
}

ဥပမာ

.block class ရှိသော element များအတွင်းရှိ p tag အားလုံးကို ရွေးပြီး အနီရောင်သို့ ပြောင်းကြည့်ရအောင်။

<div class="block">
	<p>
		စာသား
	</p>
	<p>
		စာသား
	</p>
</div>

.block p {
	color: red;
}

ဥပမာ

div tag များအတွင်းရှိ p tag များအတွင်းရှိ b tag အားလုံးကို ရွေးပြီး အနီရောင်သို့ ပြောင်းကြည့်ရအောင်။

<div>
	<p>
		စာသား <b>+</b>
	</p>
</div>

div p b {
	color: red;
}

ဆက်စပ် ကြည့်ရှုရန်

Child selector,
အရာဝတ္ထုများကို တိုက်ရိုက် ထည့်သွင်းမှုဖြင့် ရွေးချယ်ခွင့်ပေးသည်။
Adjacent sibling selector,
အနီးအနားရှိ element အပေါ်မူတည်၍ element တစ်ခုကို ရွေးချယ်ခွင့်ပေးသည်။
General sibling selector,
သတ်မှတ်ထားသော element ၏ နောက်တွင် ရှိသော element များကို ရွေးချယ်ခွင့်ပေးသည်။
Universal selector,
element အားလုံးကို ရွေးချယ်ခွင့်ပေးသည်။