hinditoper.com

hinditoper.com
Id selector और class selector in Hindi

Id selector और class selector in Hindi | Id selector और class selector में अंतर

Id selector और class selector in Hindi

अर्थात् यदि हमने किसी html के प्रोग्राम के कोड में paragraph पर ( p element पर ) style tag की मदद से स्टाइल लगाई है तो वह पूरे प्रोग्राम में पैराग्राफ पर लागू होगी यदि हम चाहकर भी किसी पैराग्राफ में स्टाइल को नही लगाना चाहते है तो यह नहीं हो सकेगा ।

  • Id और class selector का उपयोग करना html program के कोड में बहुत ही आसान है इसकी सहायता से html के द्वारा बनाया गया वेब पेज बहुत ही सुन्दर व आकर्षक लगता है ।
  • Id और class selector का उपयोग करने के लिए हमे style tag के अंदर Id या फिर class को डिफाइन करना होता है।

Id selector का उपयोग

यदि आप html के प्रोग्राम के कोड में Id selector का उपयोग करना चाहते है तो आपको सबसे पहले html के meta tags को लगाना होगा फिर style tag को लगा कर स्टाइल tag के अंदर हमे # symbol का उपयोग कर Id का नाम देना होगा आप अपनी मर्जी से कुछ भी Id का नाम दे सकते है फिर आपको curly braces को ( { } ) को ओपन कर उसमे स्टाइल को देना होगा –

जैसे यदि आपने कोड में paragraph tag का इस्तेमाल किया है और उसमे आप स्टाइल को लगाना चाहते है तो आप paragraph tag को लिख कर उसमे Id selector को कॉल कर उसकी सभी स्टाइल को पैराग्राफ में इस्तेमाल कर सकते है

परंतु आपको ध्यान रहे को आपको style tag (<style> </style>) को head tag के अंदर ही दे यदि आप ऐसा नहीं करते है तो style tag में दी गई सभी properties लागू नहीं होगी।

चलिए एक सरल html program के कोड की मदद से Id selector को समझने का प्रयास करते है –

Id selector और class selector in Hindi

दिए गए प्रोग्राम का आउटपुट कुछ इस प्रकार होगा –

Id selector और class selector in Hindi

class selector का उपयोग

class selector में यदि आपको क्लास का नाम देना होता है यदि क्लास का नाम दो word वाला है तो आप उन दो word के बीच – symbol लगा सकते हैं
जैसे – ( .classname-s)।

या फिर आप _ symbol भी लगा सकते हैं
जैसे – ( . classname_s)

या आप दूसरे word का first letter uppercase में दे सकते हैं (बिना sapce के)
जैसे – (.classnameS)

नीचे की ओर class selector को प्रोग्राम कि सहायता से समझने के लिए एक html program दिया गया है –

Id selector और class selector in Hindi

दिए गए प्रोग्राम का आउटपुट कुछ इस प्रकार होगा –

Id selector और class selector in Hindi

Id selector और class selector में अंतर

Id selectorclass selector
Id selector को एक html program के पेज में केवल एक ही बार उपयोग कर सकते है।
जैसे – यदि आपको html प्रोग्राम में हेडिंग देना है तो वह सिर्फ एक बार ही इस्तेमाल होगी
class selector को आप जितनी बार चाहे उतनी बार html program में उपयोग कर सकते हैं
Id selector का उपयोग करने के लिए हमे html program में हैश symbol ( # ) का उपयोग करना होता है।class selector का उपयोग करने के लिए हमे html program में डॉट symbol ( . ) का उपयोग करना होता है।
Id selector को किसी tag में इस्तेमाल करने के लिए हमे उसके आगे Id लिखना होता है फिर equal का symbol लगाकर double quotes में Id का नाम लिखना होता है।class selector को किसी tag में इस्तेमाल करने के लिए हमे उसके आगे class लिखना होता है फिर equal का symbol लगाकर double quotes में class का नाम लिखना होता है।

प्रश्नों के उत्तर (FAQs)

Id selector और class selector में मुख्य अंतर क्या है?

Id selector और class selector का मुख्य अंतर यह है कि Id selector एक यूनिक सिलेक्टर होता है जिसे एक ही एलिमेंट की स्टाइलिंग के लिए उपयोग किया जाता है, जबकि class selector एक सामान्य सिलेक्टर होता है जिसे एक समूह के एलिमेंट्स की स्टाइलिंग के लिए उपयोग किया जाता है।

क्या मैं Id selector और class selector को एक साथ उपयोग कर सकता हूँ?

हां, आप एक साथ Id selector और class selector का उपयोग कर सकते हैं। इससे आप एक ही एलिमेंट को एक ही समय में यूनिकली स्टाइल कर सकते हैं और उसके साथ ही एक समूह के एलिमेंट्स को भी स्टाइल कर सकते हैं।

क्या मैं एक ही एलिमेंट के लिए एक से अधिक Id selector या class selector का उपयोग कर सकता हूँ?

हीं, एक ही एलिमेंट के लिए एक से अधिक Id selector का उपयोग नहीं किया जा सकता है क्योंकि Id selector यूनिक होते हैं और एक ही पेज में एक ही आईडी के साथ एक से अधिक एलिमेंट्स होने का संभावना नहीं होता। हां, आप एक ही एलिमेंट के लिए एक से अधिक class selector का उपयोग कर सकते हैं।

2 thoughts on “Id selector और class selector in Hindi | Id selector और class selector में अंतर”

  1. Pingback: html programming language क्या है ? html full form ,विशेषताए

  2. Pingback: What is LAN in Hindi full explanation |Brief overview of LAN

Leave a Comment

Your email address will not be published. Required fields are marked *