CSS : ပထမ-ကလေး ရွေးချယ်မှု
ဥပမာ
၎င်း၏မိဘ၏ပထမဆုံးကလေးဖြစ်သည့် <p> ဒြပ်စင်တိုင်းကို ရွေးချယ်ပြီး ပုံစံစတိုင်လ်လုပ်ပါ-
p:first-child
{
background-color: yellow;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
၎င်းသည် ၎င်း၏မိဘ ၏ :first-child
ပထမဆုံးကလေးဖြစ်မှသာ သတ်မှတ်ထားသောရွေးချယ်မှုအား ရွေးချယ်ရန်အတွက် ရွေးချယ်မှုအား အသုံးပြုသည်။
ဗားရှင်း- | CSS2 |
---|
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ရွေးချယ်သူကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
CSS Syntax
:first-child {
css declarations;
}
နောက်ထပ် ဥပမာများ
ဥပမာ
<p> ဒြပ်စင်သည် ၎င်း၏မိဘ၏ ပထမဆုံးသောကလေးဖြစ်ရာ <p> ဒြပ်စင်တိုင်း၏ <i> ဒြပ်စင်တိုင်းကို ရွေးချယ်ပြီး ပုံစံချပါ။
p:first-child i
{
background: yellow;
}
ဥပမာ
စာရင်းများတွင် ပထမဆုံး <li> ဒြပ်စင်ကို ရွေးချယ်ပြီး ပုံစံသတ်မှတ်ပါ-
li:first-child
{
background: yellow;
}
ဥပမာ
<ul> ဒြပ်စင်တိုင်း၏ ပထမဆုံး ကလေးဒြပ်စင်ကို ရွေးချယ်ပြီး ပုံစံစတိုင်သတ်မှတ်ပါ-
ul > :first-child
{
background: yellow;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Pseudo အတန်းများ