The element Selector In Hindi:-

<HTML>
 <HEAD>
   <TITLE> New Document </TITLE> 
   <style>
       p {
           background-color:red;

          Color:black;

          }
     </style>
 </HEAD>
 <BODY> 
<p>Welcome To Web3tutorial.com </p>
<p>Learn To make website in hindi. </p>
  </BODY>
 </HTML>

[ NOTE:- color का उपयोग शब्द या वाक्य के रंग को बदलने के लिए होता है उदाहरण के लिए अगर आप किसी <p> tag के रंग को लाल करना चाहते हैं तो आपको लिखना होगा p{color:red;} और अगर आप पीला करना चाहते हैं तो आपको लिखना होगा p{color:yellow;} ]

इस उदाहरण में आप देख सकते हैं कि जब हमने <p> tag का background-color:red’; कर दिया है दोनों जिससे <p> tag का पीछे का बैकग्राउंड कलर बदल गया है | अब मान लीजिए कि मैं सिर्फ पहले बाले <p> tag का बैकग्राउंड कलर को बदलना चाहता था लेकिन दोनों का रंग बदल गया |

यही नहीं अगर हम किसी HTML Tag पर कोई CSS लगते हैं तो जितने भी HTML Tag का उपयोग हम अपने Website में करने वाले हैं सब पर वही CSS के गुण समान रूप से लागू होते हैं |

ऐसे में तो समस्या हो जाएगी क्योंकि पूरे वेबसाइट में जितने भी <p> tag है सबका रंग एक ही बार में बदल जाएगा इसी समस्या के समाधान के लिए ID और CLASS कलेक्टर का उपयोग किया जाता है |

Difference Between ID and CLASS in Hindi

ID selector और Class selector दोनों एक जैसे होते हैं लेकिन बस उनमें इतना सा फर्क है कि एक नाम के ID selector को हम एक webpage में सिर्फ एक बार ही Use कर सकते हैं लेकिन एक Class selector को हम एक प्रोजेक्ट में जितनी बार चाहे उतनी बार Use कर सकते हैं मतलब की ID selector को हम बार बार उपयोग नहीं कर सकते और Class selector को हम बार बार उपयोग कर सकते हैं ।

[NOTE:- ID selector के नाम Unique होते हैं इसीलिए जब हम किसी Web Page को <div> इसकी मदद से कई भागों में बांट देते हैं तब किसी एक भाग को Uniquely पकड़ने के लिए ID का उपयोग Javascript और jQuery में भी होता है | इस विषय पर हम JavaScript के Tutorial में विस्तार से पढ़ेंगे | ]

ID selector और Class selector के बारे में सबसे दिलचस्प बात यह है कि अगर हम चाहे तो एक ही HTML Tag के अंदर ID और CLASS दोनों को जोड़ सकते हैं और दोनों के अंदर अलग-अलग CSS के गुण लिख सकते हैं |

और ऐसा भी नहीं है कि अगर आपने किसी HTML Tag के अंदर ID selector या Class selector को जोड़ दिया तो आपको उसका उपयोग करना ही पड़ेगा आप चाहे तो उसे ऐसे ही छोड़ सकते हैं मतलब अगर आप चाहें तो किसी HTML Tag के अंदर ऐसे ही ID या CLASS जोड़कर उसे छोड़ सकते हैं | ऐसा करने से कोई फर्क नहीं पड़ता है |

अगले पाठ में हम ID selector और Class selector दोनों के बारे में विस्तार से जानेंगे |

Next:- Class Selector In Hindi :-