CSS ရှိ ကပ်လျက် selector

ကပ်လျက် selector + သည် ၎င်း၏ အပေါ်ဘက်ကပ်လျက်ရှိသော element အပေါ်အခြေခံ၍ element တစ်ခုကို ရွေးချယ်ခွင့်ပြုသည်။

ဖွဲ့စည်းပုံ

selector1 + selector2 {
	
}

h2 tag များရဲ့ ချက်ချင်းနောက်မှရှိတဲ့ p tag အားလုံးကို ရည်ညွှန်းပြီး အနီရောင်အဖြစ် ပြောင်းလဲကြည့်ရအောင်။

<h2>စာသား</h2>
<p>
	+
</p>
<p>
	-
</p>
<p>
	-
</p>

h2 + p {
	color: red;
}

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

<p class="test">
	စာသား
</p>
<p>
	+
</p>
<p>
	-
</p>

.test + p {
	color: red;
}

.test class ရှိ element များရဲ့ ချက်ချင်းနောက်မှရှိတဲ့ .elem class ရှိ element အားလုံးကို ရည်ညွှန်းပြီး အနီရောင်အဖြစ် ပြောင်းလဲကြည့်ရအောင်။

<p class="test">
	စာသား
</p>
<p class="elem">
	+
</p>
<p>
	-
</p>

.test + .elem {
	color: red;
}

သားသမီး selector,
အရာသည် တိုက်ရိုက်အဆင့်ဆင့် ချိတ်ဆက်မှုအပေါ်အခြေခံ၍ element များကို ရွေးချယ်ခွင့်ပြုသည်
အကြောင်းအရာ selector,
အရာသည် element ၏မိဘအပေါ်အခြေခံ၍ element တစ်ခုကို ရွေးချယ်ခွင့်ပြုသည်
ညီအစ်ကို selector,
အရာသည် သတ်မှတ်ထားသော element ၏နောက်မှ element များကို ရွေးချယ်ခွင့်ပြုသည်
ကမ္ဘာလုံးဆိုင်ရာ selector,
အရာသည် element အားလုံးကို ရွေးချယ်ခွင့်ပြုသည်