CSS element1 ~ element2 Selector
ဥပမာ
တူညီသောမိဘနှင့်အတူ <ul> ဒြပ်စင်တစ်ခုရှေ့တွင်ရှိသော <ul> ဒြပ်စင်အားလုံးအတွက် နောက်ခံအရောင်ကို သတ်မှတ်ပါ-
p ~ ul
{
background: #ff0000;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
element1 ~ element2 ရွေးချယ်သူ သည် element1 ၏ရှေ့တွင် ရှိသော element2 ၏ဖြစ်ပျက်မှုများနှင့်ကိုက်ညီသည် ။
ဒြပ်စင်နှစ်ခုလုံးသည် တူညီသောမိဘရှိရပါမည်၊ သို့သော် element2 သည် element1 ၏ရှေ့တွင် ချက်ချင်းဖြစ်ရန်မလိုအပ်ပါ ။
ဗားရှင်း- | CSS3 |
---|
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ရွေးချယ်သူကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
CSS Syntax
element ~ element {
css declarations;
}