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

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

ဖွဲ့စည်းပုံ

cssselector1 + selector2 {
  
}

ဥပမာ

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

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

cssh2 + p {
  color: red;
}

Результат:

ဥပမာ

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

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

css.test + p {
  color: red;
}

Результат:

ဥပမာ

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

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

css.test + .elem {
  color: red;
}

Результат:

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