CSS 组合器

CSS 组合器

组合器是解释选择器之间关系的某种机制。

CSS ရှာဖွေသူ အားဖြင့် ချင်း အားကစားသူ အမျိုးအစား အတွင်းတွင် ပြင်းထန်စွာ ပါဝင်နိုင်သည်။

CSS တွင် ချင်း အားကစားသူ အမျိုးအစား အသုံးပြုသည်။

  • အခြား အားကစားသူ (လောက်)
  • အရာတကာ အားကစားသူ (>)
  • အခြား အားကစားသူ အားဖြင့် (+)
  • ချင်း အခြား အားကစားသူ (~)

အရာတကာ အားကစားသူ

အရာတကာ အားကစားသူ အားဖြင့် အရာတကာ အရာများ ကို နှိပ်တူစွာ ပြီး အရာတွင် ဖြစ်ပါသည်။

အောက်ပါ အမှတ်အသား အမျိုးအစားများ အားဖြင့် <div> အရာတွင် ချင်း <p> အရာများကို ရယူပါ။

အကျိုးသတ္တု

div p {
  background-color: yellow;
}

ကိုယ်တိုင် ကြိုးစားပါ

အရာတကာ အားကစားသူ

အရာတကာ အားကစားသူ အားဖြင့် အရာတကာ အရာများ ကို နှိပ်တူစွာ ပြီး အရာတွင် ဖြစ်ပါသည်။

အောက်ပါ အမှတ်အသား အမျိုးအစားများ အားဖြင့် <div> အရာတွင် အရာတကာ အရာများကို ရယူပါ။

အကျိုးသတ္တု

div > p {
  background-color: yellow;
}

ကိုယ်တိုင် ကြိုးစားပါ

အခြား အားကစားသူ အားဖြင့်

အခြား အားကစားသူ အားဖြင့် အခြား အားကစားသူ အရာများ ကို နှိပ်တူစွာ ပြီး အရာတွင် ဖြစ်ပါသည်။

အခြား အားကစားသူ အရာများသည် အခြား အရာတွင် နှိပ်တူစွာ ရှိသည်မျှသာ ဖြစ်ပါ။ “အခြား” ဟူသည် “ပြင်းထန်စွာ အခြား” ဟု ဖော်ပြပါ။

အောက်ပါ အမှတ်အသား အမျိုးအစားများ အားဖြင့် <div> အရာတွင် ပြင်းထန်စွာ အခြား <p> အရာများကို ရယူပါ။

အကျိုးသတ္တု

div + p {
  background-color: yellow;
}

ကိုယ်တိုင် ကြိုးစားပါ

ချင်း အခြား အားကစားသူ

ချင်း အခြား အားကစားသူ အရာများကို နှိပ်တူစွာ ပေါင်းစုံပြီး အရာတွင် ဖြစ်ပါသည်။

အောက်ပါ အမှတ်အသား အမျိုးအစားများ အားဖြင့် <div> အရာတွင် အခြား <p> အရာများကို ရယူပါ။

အကျိုးသတ္တု

div ~ p {
  background-color: yellow;
}

ကိုယ်တိုင် ကြိုးစားပါ

ချင်း CSS ပေါင်းစုံအားကစားသူ

ရှာဖွေသူ အမှတ်အသား အမှတ်အသားချက်
element element div p အားကစား <div> အရာတွင် ချင်း <p> အရာများကို ရယူပါ။
element>element div > p 选择其父元素是
元素的所有

元素。
element+element div + p 选择所有紧随
元素之后的

元素。
element1~element2 p ~ ul 选择前面有

元素的每个

    元素。

延伸阅读

课外书：စတုတ္ထ ခုဒိုး အကြီးအကျယ်

课外书：စတုတ္ထ ခုဒိုး အသုံး

课外书：စတုတ္ထ ခုဒိုး အကြီးအကျယ်