Click a selector: यह देखने के लिए चयनकर्ता पर क्लिक करें कि परिणाम में कौन सा तत्व (तत्वों) का चयन किया जाता है:
परिचय
#अंतिम नाम
.intro, #Lastname
एच 1
एच1, पी
डिव पी
डिव > पी
उल + पी
उल ~ तालिका
*
p.myquote
[पहचान]
[आईडी = मेरा पता]
[आईडी$= निबंध]
[आईडी|=मेरी]
[आईडी ^ = एल]
[शीर्षक~=सुंदर]
[आईडी*=एस]
:चेक किया गया
विकलांग
:सक्षम
:खाली
:केंद्र
पी:पहला बच्चा
p::पहला अक्षर
पी :: पहली पंक्ति
पी:प्रथम-प्रकार
h1: होवर
इनपुट: इन-रेंज
इनपुट: आउट-ऑफ-रेंज
इनपुट: अमान्य
इनपुट: मान्य
पी: लैंग (यह)
पी: लास्ट-चाइल्ड
पी: लास्ट-ऑफ़-टाइप
tr: nth-बच्चे (सम)
tr:nth-child(विषम)
ली: nth-child(1)
li:nth-last-child(1)
li:nth-of-type(2)
li:nth-last-of-type(2)
बी: केवल-बच्चा
h3: केवल-के-प्रकार
:जड़
परिणाम:

<h1> मेरे होमपेज में आपका स्वागत है </h1>

<div class="intro">

<p> मेरा नाम डोनाल्ड है <span id="Lastname"> डक। </span> </p>

<p id="my-Address"> मैं डकबर्ग में रहता हूं </p>

<p> मेरे कई दोस्त हैं: </p>

</div>

<ul id="सूचीमित्र>
  • <li> नासमझ </li>
  • <li> मिकी </li>
  • <li> डेज़ी </li>
  • <li> प्लूटो </li>
</ul>

    <p class="myquote"> मेरे सभी दोस्त बहुत अच्छे हैं! <br>
    लेकिन मुझे वास्तव में डेज़ी पसंद है !! </p>

    <p lang="it" title="नमस्ते सुंदर"> सियाओ बेला </p>

    <h3> हम सब जानवर हैं! </h3>

    <p> <b> मेरी नवीनतम खोजों ने मुझे विश्वास दिलाया है कि हम सभी जानवर हैं: </b> </p>

    <तालिका>
      नाम पशु का प्रकार
      मिकी चूहा
      नासमझ कुत्ता
      गुलबहार बत्तख
      प्लूटो कुत्ता
      </तालिका>

      CSS चयनकर्ताओं पर क्लिक करें और देखें कि निर्दिष्ट तत्व चयनित हो गए हैं। © w3schools.com