Click a selector: ရလဒ်တွင် ရွေးချယ်ခံရသည့် မည်သည့်ဒြပ်စင်(များ)ကို ကြည့်ရန် ရွေးချယ်ကိရိယာကို နှိပ်ပါ-
.intro
#မျိုးနွယ်အမည်
.intro၊ #Lastname
h1
h1၊ p
div p
div > p
ul + p
ul ~ စားပွဲ
*
p.myquote
[id]
[id=my-လိပ်စာ]
[id$=ess]
[id|=my]
[id^=L]
[ခေါင်းစဉ်~=လှပသော]
[id*=s]
: စစ်ဆေးပြီးပါပြီ။
:ပိတ်ထားသည်
: ဖွင့်ထားသည်။
:ဗလာ
:အာရုံ
p: ပထမကလေး
p::ပထမစာလုံး
p::ပထမစာကြောင်း
p: ပထမအမျိုးအစား
h1:ပျံဝဲ
ထည့်သွင်းမှု- အပိုင်းအခြား
အဝင်-အကွာအဝေး
ထည့်သွင်းမှု- မမှန်ကန်ပါ။
ထည့်သွင်းမှု-တရားဝင်
p:lang(it)
p:နောက်ဆုံးကလေး
p: နောက်ဆုံးအမျိုးအစား
tr:nth-child(တောင်)
tr:nth-child(odd)
li:nth-ကလေး(1)
li:nth-နောက်ဆုံး-ကလေး(1)
li:nth-of-type(2)
li:nth-နောက်ဆုံးအမျိုးအစား(2)
b: တစ်ဦးတည်းသောကလေး
h3:အမျိုးအစားတစ်ခုတည်းသာ
:အမြစ်
ရလဒ်:

<h1> ကျွန်ုပ်၏ ပင်မစာမျက်နှာ </h1> မှကြိုဆိုပါသည်။

<div class="intro">

<p> ကျွန်တော့်နာမည် Donald <span id="Lastname"> Duck ပါ။ </span> </p>

<p id="my-Address"> ကျွန်ုပ်သည် Duckburg တွင်နေထိုင်သည် </p>

<p> ငါ့မှာ သူငယ်ချင်းအများကြီးရှိတယ်: </p>

</div>

<ul id="Listfriends>
  • <li> မိုက်မဲ </li>
  • <li> မစ်ကီ </li>
  • <li> Daisy </li>
  • <li> ပလူတို </li>
</ul>

    <p class="myquote"> ငါ့သူငယ်ချင်းအားလုံး ကောင်းတယ်။ <br>
    ဒါပေမယ့် Daisy ကို အရမ်းကြိုက်တယ်!! </p>

    <p lang="it" title="Hello beautiful"> Ciao bella </p>

    <h3> ငါတို့အားလုံးက တိရစ္ဆာန်တွေပါ။ </h3>

    <p> <b> ကျွန်ုပ်၏နောက်ဆုံးရှာဖွေတွေ့ရှိချက်များက ကျွန်ုပ်တို့အားလုံးသည် တိရစ္ဆာန်များဖြစ်ကြောင်း ယုံကြည်စေခဲ့သည်- </b> </p>

    <စားပွဲ>
      နာမည် တိရစ္ဆာန်အမျိုးအစား
      မစ်ကီ ကြွက်
      Goofey ခွေး
      ဒေစီ ဘဲ
      ပလူတို ခွေး
      </table>

      CSS Selectors များကို နှိပ်ပြီး သတ်မှတ်ထားသော အစိတ်အပိုင်း(များ) ကို ရွေးထားသည်ကို ကြည့်ပါ။ © w3schools.com