Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS में समूहीकरण चयनकर्ता

<घंटा/>

CSS ग्रुपिंग चयनकर्ता का उपयोग कई तत्वों का चयन करने और उन्हें एक साथ स्टाइल करने के लिए किया जाता है। यह प्रत्येक तत्व के लिए सामान्य शैलियों को घोषित करने के लिए कोड और अतिरिक्त प्रयास को कम करता है। चयनकर्ताओं को समूहबद्ध करने के लिए, प्रत्येक चयनकर्ता को एक स्थान से अलग किया जाता है।

सिंटैक्स

CSS ग्रुपिंग चयनकर्ता के लिए सिंटैक्स इस प्रकार है -

<पूर्व>तत्व, तत्व { /*घोषणाएं*/}

निम्नलिखित उदाहरण CSS समूहीकरण चयनकर्ता को स्पष्ट करते हैं -

उदाहरण

<शैली>लेख, p, img { डिस्प्ले:ब्लॉक; मार्जिन:ऑटो; पाठ-संरेखण:केंद्र; बॉर्डर-बॉटम:डबल ऑरेंज;}<लेख>डेमो टेक्स्ट

यह डेमो टेक्स्ट है।


CSS में समूहीकरण चयनकर्ता

आउटपुट

यह निम्न आउटपुट देता है -

CSS में समूहीकरण चयनकर्ता

उदाहरण




यह उदाहरण टेक्स्ट है।

 
आउटपुट
 

 यह निम्न आउटपुट देता है -
 

 CSS में समूहीकरण चयनकर्ता
  1. सीएसएस में यूनिवर्सल चयनकर्ता

    CSS * चयनकर्ता एक सार्वभौमिक चयनकर्ता है जिसका उपयोग HTML DOM के सभी तत्वों को चुनने के लिए किया जाता है। सिंटैक्स CSS यूनिवर्सल सेलेक्टर का सिंटैक्स इस प्रकार है - * { /*घोषणाएं*/} निम्नलिखित उदाहरण सीएसएस सार्वभौमिक चयनकर्ता को दर्शाते हैं - उदाहरण * { मार्जिन:15px; पैडिंग:5px; सीमा:2px ठोस काला

  1. स्टाइलिंग तत्वों के लिए CSS चयनकर्ताओं का उपयोग कैसे करें?

    CSS चयनकर्ताओं का उपयोग करके, हम विशेष रूप से अपनी पसंद के आधार पर वांछित तत्वों को स्टाइल कर सकते हैं। HTML DOM में तत्वों को चुनने के लिए विभिन्न तरीके हैं। सिंटैक्स CSS चयनकर्ताओं के लिए सिंटैक्स इस प्रकार है - चयनकर्ता { /*घोषणाएं*/} निम्नलिखित उदाहरण स्टाइलिंग तत्वों के लिए CSS चयनकर्ता का वर

  1. CSS में उन्नत चयनकर्ता

    CSS में उन्नत चयनकर्ताओं में आसन्न सहोदर चयनकर्ता, विशेषता चयनकर्ता, प्रत्यक्ष बाल चयनकर्ता, nth-of-type चयनकर्ता आदि शामिल हैं। इसमें सामान्य सहोदर चयनकर्ता भी शामिल है, एक उदाहरण नीचे दिखाया गया है: h1 ~ h3 प्रत्यक्ष बाल चयनकर्ता का उदाहरण - div > span CSS में उन्नत चयनकर्ताओं को दिखाने वाला