CSS ရှိ Contextual Selector

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

ဖွဲ့စည်းပုံ

cssselector1 selector2 {
  
}

ဥပမာ

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

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

cssdiv p {
  color: red;
}

Результат:

ဥပမာ

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

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

css#elem p {
  color: red;
}

Результат:

ဥပမာ

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

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

css.block p {
  color: red;
}

Результат:

ဥပမာ

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

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

cssdiv p b {
  color: red;
}

Результат:

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