header selector

:header selector သည် h1, h2, h3, h4, h5, h6 ခေါင်းစဉ်များကို ရွေးချယ်ပါသည်။ :header သည် CSS သတ်မှတ်ချက် specification မှ မဟုတ်သောကြောင့်၊ ယခုခေတ် browser များတွင် စွမ်းဆောင်ရည် ပိုမိုကောင်းမွန်စေရန်အတွက် စစ်ထုတ်ခြင်း (filter) ကို စတင်ရာတွင် pure css-selector ကို အသုံးပြုပြီး ထို့နောက် .filter(':header') ကို အသုံးပြုသင့်ပါသည်။

Syntax

အခြေခံ element များကို ဤသို့ရွေးချယ်ပါမည်။

javascript$(':header');

ဥပမာ

ခေါင်းစဉ်အားလုံး၏ နောက်ခံ background ကို မီးခိုးရောင်အဖြစ် ပြောင်းလဲကြပါစို့။

html<h1>Header h1</h1>
<p>text</p>
<h2>Header h2</h2>
<p>text</p>
javascript$(':header').css({background: '#ccc'});

ဆက်လက်လေ့လာရန်

  • filter method,
    သည် element set ထဲမှ သတ်မှတ်ထားသော selector အရ စစ်ထုတ်ပေးပါသည်။
  • css method,
    သည် element ၏ CSS style များကို ရယူနိုင်ပြီး ပြောင်းလဲနိုင်စေပါသည်။