CSS :: Selector မတိုင်ခင်
ဥပမာ
<p> ဒြပ်စင်တစ်ခုစီ၏ အကြောင်းအရာရှေ့တွင် စာသားအချို့ကို ထည့်ပါ-
p::before
{
content: "Read this: ";
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ရွေးပေးသူ သည် ::before
ရွေးချယ်ထားသော ဒြပ်စင်(များ) တစ်ခုစီ၏ အကြောင်းအရာရှေ့တွင် တစ်ခုခုကို ထည့်သွင်းသည်။
ထည့်သွင်းရန် အကြောင်းအရာကို သတ်မှတ်ရန် အကြောင်းအရာ ပိုင်ဆိုင်မှု ကို အသုံးပြု ပါ။
အကြောင်းအရာပြီးနောက် တစ်ခုခုကို ထည့်သွင်းရန် ::after ရွေးချယ်မှုကို အသုံးပြု ပါ။
ဗားရှင်း- | CSS2 |
---|
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ရွေးချယ်သူကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
CSS Syntax
::before {
css declarations;
}
နောက်ထပ် ဥပမာများ
ဥပမာ
<p> ဒြပ်စင်တစ်ခုစီ၏ အကြောင်းအရာများရှေ့တွင် အကြောင်းအရာကို ထည့်သွင်းပြီး ထည့်သွင်းထားသော အကြောင်းအရာကို ပုံစံထုတ်ပါ-
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Pseudo-ဒြပ်စင်များ
CSS Selector ရည်ညွှန်းချက်- CSS ::ရွေးချယ်မှုပြီးနောက်