CSS အမျိုးအစား ရွေးချယ်သူ

派生选择器

通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。

在 CSS1 中，通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。

အဆိုပါ ကိုယ်စားပြုသည့်ကိုယ်စားပြုသည့် ကိုယ်စားပြုသည့် အစီအစဉ်အမျိုးအစားသည် အခြေခံစံကုန်းတွင် ပါဝင်သည်။ အဆိုပါ အစီအစဉ်အမျိုးအစားကို အသုံးပြုသည့် အစီအစဉ်အမျိုးအစားသည် အခြေခံစံကုန်းကို ပိုမိုလှပစွာရှိစေရန် အသုံးပြုကြသည်။

နောက်ပြီး၊ သင့်ကြိုက်သော li အက်ဥပဒ်သည် အသုံးပြုသော အစီအစဉ်အမျိုးအစားကို အသုံးပြုသော strong အက်ဥပဒ်ကို အသုံးပြုသော အစီအစဉ်အမျိုးအစားသည် ပိုမိုအောင်ပွဲမရှိဘူး၊ အသုံးပြုသော အစီအစဉ်အမျိုးအစားကို အသုံးပြုသော အစီအစဉ်အမျိုးအစားသည် ပိုမိုပျက်စီးနေသည်။

li strong {
    font-style: italic;
    font-weight: normal;
  }

သို့သော်လည်း အရေးပါသောက်က်လျှက် အစီအစဉ်အမျိုးအစားသည် ပါဝင်သော အရေးပါသောက်က်လျှက် အစီအစဉ်အမျိုးအစားသည် ကြည့်ရမည်ဟု အကြောင်းကြားသည်မှာ:

<p><strong>ကျွန်တော် အရေးပါသောက်က်လျှက် အစီအစဉ်အမျိုးအစားမှာ အစီအစဉ်တွင် မပါဘူး၊ အက်ဥပဒ်သဘောကြောင်း အမျိုးအစားသည် ကျွန်တော်အတွက် မမြင်တတ်သည်။</strong></p>
<ol>
<li><strong>ကျွန်တော် အစီအစဉ်သဘောသည် အစီအစဉ်အမျိုးအစားမှ ကောင်းသောပြောရမည်။ ဤအခြေအနေတွင် strong အက်ဥပဒ်သည် li အက်ဥပဒ်အတွင်းတွင် ရှိသည်။</strong></li>
<li>ကျွန်တော် အသုံးပြုသော အစီအစဉ်အမျိုးအစားသည်မှာ သတ္တုတော်ကြီးသားဖြစ်သည်。</li>
</ol>

အထူးသဖြင့်၊ အမှတ်သားစာအုပ်တွင် strong အက်ဥပဒ် strong အရေးပါသောက်က်လျှက် အစီအစဉ်သဘောသည်။ သို့ဖြစ်၍ strong အက်ဥပဒ် class သို့မဟုတ် id ကို ဒီသို့ကြောင်း စံသတ်ရန် မရှိဘူး၊ အုပ်ချုပ်စံကုန်းမှာ ပိုမိုကောင်းစွာရှိသည်。

再看看下面的 CSS 规则：

strong {
     color: red;
     }
h2 {
     color: red;
     }
h2 strong {
     color: blue;
     }

下面是它施加影响的 HTML：

The strongly emphasized word in this paragraph isred.


This subhead is also red.


The strongly emphasized word in this subhead is<strong>blue</strong>.</h2>

ပတ်သက်သည် အကြောင်းကျင်း

အမျိုးအစား ရွေးချယ်သူ အကြောင်းကျင်း အကြောင်းပြော အား ကြည့်ရှုရန် လို့ တင်ပြသည် CodeW3C.com အမြင့်မြတ် ပြည်ထောင်စု တွင် အော်ခတ်သည်။