CSS Academy · पाठ

Selectors: स्टाइल करने का चयन

तत्वों की attributes के आधार पर उन्हें लक्षित कीजिए और universal selector का प्रभावी उपयोग कीजिए।

पाठ 3, कुल 3 में से11 चरण

Selectors: स्टाइल करने का चयन, CoddyKit पर CSS Academy का एक निःशुल्क पाठ है। यह 3 में से 3वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह CSS Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। CSS Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।

अपना लक्ष्य चुनें

शैली देने से पहले आप यह तय करते हैं कि किसे शैली देनी है। यही चयनकर्ता का काम है। यह पाठ आपको बात समझा देगा, मेरा वादा है। ✨

उंगली से इशारा करने जैसा

चयनकर्ता बस आपके इशारे जैसा है: “यही चीज़, बिल्कुल यहाँ।” बस इतना ही सरल है। कुछ भी याद करने की आवश्यकता नहीं है।

टैग के आधार पर शैली दें

सबसे आसान चयनकर्ता टैग नाम का उपयोग करता है। “p” लिखने पर आप एक ही बार में पेज के हर पैराग्राफ़ को चुन लेते हैं।

<p>All paragraphs turn red.</p>

क्लास के आधार पर शैली दें

सिर्फ़ कुछ तत्वों को शैली देनी है? उन्हें एक क्लास दें और बिंदु के साथ चुनें, जैसे .note। यह बहुत लचीला है!

<p class="note">This note is orange.</p>

क्लास का फिर से उपयोग किया जा सकता है

सबसे अच्छी बात यह है कि एक क्लास का कई तत्वों पर फिर से उपयोग किया जा सकता है। एक बार शैली दें, हर जगह लागू करें। इससे बहुत समय बचता है। ⏱️

आईडी के आधार पर शैली दें

किसी एक विशेष तत्व की आवश्यकता है? उसे एक आईडी दें और हैश के साथ चुनें, जैसे #header। आईडी का उद्देश्य अद्वितीय होना है।

<h1 id="header">Page Header</h1>

बिंदु बनाम हैश

याद रखने की आसान तरकीब: बिंदु कई के लिए (क्लास), हैश एक के लिए (आईडी)। टैग नामों के साथ किसी चिह्न की आवश्यकता नहीं होती।

नाम-पट्टियों जैसा

क्लास को समूह के नाम वाली पहचान-पट्टियों और आईडी को एक अकेले VIP बैज की तरह समझिए। चयनकर्ता बस इन पहचान-पट्टियों को पढ़ते हैं। 🏷️

मिलाएँ और उपयोग करें

वास्तविक पेजों में ठीक अपनी ज़रूरत के अनुसार शैली देने के लिए टैग, क्लास और आईडी को मिलाया जाता है। अब आप इन तीनों को जानते हैं! 🙌

आपने कर दिखाया!

अब आप बता सकते हैं कि CSS क्या है, कोई नियम पढ़ सकते हैं और चयनकर्ताओं से लक्ष्य चुन सकते हैं। यह CSS की एक सच्ची बुनियाद है। मुझे आप पर गर्व है! 🎉

त्वरित जाँच

अंतिम जाँच! CSS में किसी क्लास को चुनने के लिए आप किस चिह्न का उपयोग करते हैं?

शुरुआत निःशुल्क

एआई शिक्षक के साथ CSS सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम
40
पाठ
159

अक्सर पूछे जाने वाले प्रश्न

क्या “Selectors: स्टाइल करने का चयन” पाठ निःशुल्क है?

हाँ—“Selectors: स्टाइल करने का चयन” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और CSS Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। CSS Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।

“Selectors: स्टाइल करने का चयन” में मैं क्या सीखूँगा?

तत्वों की attributes के आधार पर उन्हें लक्षित कीजिए और universal selector का प्रभावी उपयोग कीजिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ CSS Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या CSS Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर CSS Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 3 में से 3वाँ पाठ है।

“Selectors: स्टाइल करने का चयन” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस CSS Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर CSS Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

  1. CSS क्या है?
  2. CSS पृष्ठों में जान कैसे डालता है
  3. Selectors: स्टाइल करने का चयन
← CSS Academy पर वापस जाएँ