CSS အကြီး အက္ခရာ

တော်ဝင်သူရှာဖွေက်လုပ်သူ (descendant selector) ဟူ၍ ခေါ်ဆိုကြသည်။

ရှိသော အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။

အရေးကြီးအမှတ်အသား

အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။ အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။

အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။ အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။

h1 em {color:red;}

အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။ အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။

<h1>This is a <em>important</em> heading</h1>
<p>This is a <em>important</em> paragraph.</p>

ကျွန်ုပ်လိုက်ကျွမ်းကျင်ပါ

အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။ အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။

အရေးကြီးအမှတ်အသား

ရှိသော အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။ အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။

အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။ အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။

အရေးကြီးအမှတ်အသား

ရှိသော အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။ ထို့အပြင် ရှိသော အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။

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

သက်သေက်လုပ်ဆောင်ခြင်း ဖြစ်သည့် ရှိသော အခြေခံအကျယ်းအတိုင်းသတ်မှတ်သည်။ ထိုသို့ဖြစ်ပါက ပေါ်ရွားလျက်ရှိသော div အား sidebar သတ်မှတ်သော class အချက်အလက် ကို ချမှတ်ပြီး အခြေခံပိုင်းအား maincontent သတ်မှတ်သော class အချက်အလက် ကို ချမှတ်၍ အော်ဒါပြုလုပ်သည်။

div.sidebar {background:blue;}
div.maincontent {background:white;}
div.sidebar a:link {color:white;}
div.maincontent a:link {color:blue;}

有关后代选择器有一个易被忽视的方面，即两个元素之间的层次间隔可以是无限的。

例如，如果写作 ul em，这个语法就会选择从 ul 元素继承的所有 em 元素，而不论 em 的嵌套层次多深。

အကြောင်းကြားချက် တစ်ခု ဖြစ်သည်။ ul em သည် အဆိုပါ အချက်အလက် ထဲတွင် အဆိုပါ em အရာများ အား ရွေးချယ်ပါ။

<ul>
  <li>စာအုပ် အမှတ် 1</li>
    <ol>
      <li>စာအုပ် အမှတ် 1-1</li>
      <li>စာအုပ် အမှတ် 1-2</li>
      <li>စာအုပ် အမှတ် 1-3</li>
        <ol>
          <li>စာအုပ် အမှတ် 1-3-1</li>
          <li>စာအုပ် အမှတ်</li> <em>1-3-2</em></li>
          <li>စာအုပ် အမှတ် 1-3-3</li>
        </ol>
      </li>
      <li>စာအုပ် အမှတ် 1-4</li>
    </ol>
  </li>
  <li>စာအုပ် အမှတ် 2</li>
  <li>စာအုပ် အမှတ် 3</li>
</ul>

ကျွန်ုပ်လိုက်ကျွမ်းကျင်ပါ