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

CSS में ग्रुप सेलेक्टर्स


यदि आप चाहें तो एक स्टाइल को कई सेलेक्टर्स पर लागू कर सकते हैं। बस सेलेक्टर्स को कॉमा से अलग करें, जैसा कि निम्नलिखित उदाहरण में दिया गया है:

h1, h2, h3 { 
    color: #36C; 
    font-weight: normal; 
    letter-spacing: .4em; 
    margin-bottom: 1em; 
    text-transform: lowercase; 
}

यह परिभाषित स्टाइल नियम h1, h2 और h3 एलिमेंट पर भी लागू होगा। सूची का क्रम अप्रासंगिक है। सेलेक्टर में सभी एलिमेंट्स पर संबंधित घोषणाएं लागू होंगी।

आप विभिन्न ID सेलेक्टर्स को एक साथ जोड़ सकते हैं जैसा कि नीचे दिखाया गया है:

#content, #footer, #supplement { 
    position: absolute; 
    left: 510px; 
    width: 200px; 
}

  1. CSS में एडजेसेंट सिबलिंग सिलेक्टर्स CSS में एडजेसेंट सिबलिंग सिलेक्टर्स

    CSS एडजेसेंट सिबलिंग सिलेक्टर का उपयोग किसी एलिमेंट के एडजेसेंट सिबलिंग को सिलेक्ट करने के लिए किया जाता है। इसका उपयोग केवल उन एलिमेंट्स को सिलेक्ट करने के लिए किया जाता है जो पहले सिलेक्टर के तुरंत बाद आते हैं।सिंटैक्सCSS एडजेसेंट सिबलिंग सिलेक्टर का सिंटैक्स निम्नलिखित है:element + element { /*de

  1. CSS में फॉन्ट स्टाइल CSS में फॉन्ट स्टाइल

    CSS font-style प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट के लिए normal, italic या oblique स्टाइल स्पेसिफाई करने के लिए किया जाता है।सिंटैक्सCSS font-style प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { font-style: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS font-style प्रॉपर्टी को दर्शाते हैं:<!DOCTY

  1. CSS में एडवांस्ड सिलेक्टर्स CSS में एडवांस्ड सिलेक्टर्स

    CSS में एडवांस्ड सिलेक्टर्स में एडजेसेंट सिबलिंग सिलेक्टर, एट्रिब्यूट सिलेक्टर, डायरेक्ट चाइल्ड सिलेक्टर, nth-of-type सिलेक्टर आदि शामिल हैं। इसमें जनरल सिबलिंग सिलेक्टर भी शामिल है, एक उदाहरण नीचे दिखाया गया है:h1 ~ h3डायरेक्ट चाइल्ड सिलेक्टर का उदाहरण -div > spanCSS में एडवांस्ड सिलेक्टर्स दिखा