CSS အချက်အလက်

အစိတ်အပြား အကြား အစိတ်အပြား ရွက်ချက် (Adjacent sibling selector) သည် အခြား အစိတ်အပြား နောက်ပါ အစိတ်အပြား ရယူနိုင် ပြီး အတူ အဖိုင်အရာ အတူ ပါဝင်နိုင်ပါသည်ကို ရယူနိုင်ပါသည်。

အစိတ်အပြား အကြား ရယူ

အခြား အစိတ်အပြား နောက်ပါ အစိတ်အပြား ရယူရန် နှင့် အတူ အဖိုင်အရာ အတူ ပါဝင်နိုင်ပါသည်ကို ရယူရန် အစိတ်အပြား အကြား အစိတ်အပြား ရွက်ချက် (Adjacent sibling selector) ကို အသုံးပြုနိုင်ပါသည်。

ဥပမာ၊ h1 အစိတ်အပြား နောက်ပါ ပုံစံကို အပြင်ဘက် လေးများ ကုန်ကျ ပြီး အပ်လမ်း ပြုလုပ်ရန် ကျွမ်းကျွမ်းကြည်းကြည်း ပြုလုပ်ပါ:

h1 + p {margin-top:50px;}

အခြား အက္ခရာသည် “h1 အစိတ်အပြား နောက်ပါ ပုံစံကို ရယူပါတယ်၊ h1 နှင့် p အစိတ်အပြား အတူ အဖိုင်အရာ ပါဝင်နိုင်ပါသည်” ဟု ဖော်ပြပါသည်。

ကျွန်ုပ်တို့ ကျင်လေ့လာကြည့်

အက္ခရာ ဖော်ပြ

အစိတ်အပြား အကြား သဘောတူ ကို အသုံးပြုသော အကြား အစိတ်အပြား ရွက်ချက်သည် အပ်လမ်း (အကြား အစိတ်အပြား ပတ်ဝန်းကျင်)

ဖော်ပြ:အစိတ်အပြား ပတ်ဝန်းကျင် သည့် သဘောတူ နဲ့ အတူတူ အကြား လေးများ အရာ ပါဝင်နိုင်ပါသည်。

အောက်ပါ စာတမ်း ဆိုင်ရာ အချက်အလက် ကို ကြည့်ပါ:

<div>
  <ul>
    <li>ကျသီး တစ်</li>
    <li>ကျသီး နှစ်</li>
    <li>ကျသီး သုံး</li>
  </ul>
  <ol>
    <li>ကျသီး တစ်</li>
    <li>ကျသီး နှစ်</li>
    <li>ကျသီး သုံး</li>
  </ol>
</div>

အချက်အလက် အကြောင်း

ကျွန်ုပ်တို့ ကျင်လေ့လာကြည့်

li + li {font-weight:bold;}

အချက်အလက် အကြောင်း

ကျွန်ုပ်တို့ ကျင်လေ့လာကြည့်

အချက်အလက် ပေါင်းစပ်

အချက်အလက် ပေါင်းစပ်

html > body table + ul {margin-top:20px;}

အချက်အလက် အကြောင်း