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

CSS में यूनिवर्सल सेलेक्टर

CSS * सेलेक्टर एक यूनिवर्सल सेलेक्टर है जिसका उपयोग HTML DOM के सभी एलिमेंट्स को चुनने के लिए किया जाता है।

सिंटैक्स

CSS यूनिवर्सल सेलेक्टर का सिंटैक्स निम्नानुसार है:

* {    /*declarations*/ }

निम्नलिखित उदाहरण CSS यूनिवर्सल सेलेक्टर को दर्शाते हैं:

उदाहरण

<!DOCTYPE html> <html> <head> <style> * {    margin: 15px;    padding: 5px;    border: 2px solid black;    box-shadow: inset 30px 0 8px lightblue; } </style> </head> <body> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>

आउटपुट

CSS में यूनिवर्सल सेलेक्टर

दूसरा उदाहरण

<!DOCTYPE html> <html> <head> <style> * {    margin: 15px;    padding: 5px;    width: 200px;    border: 2px solid black; } html::before {    content: "one"; } </style> </head> <body> two <div>three <div>four <div>five</div> </div> </div> </body> </html>

आउटपुट

CSS में यूनिवर्सल सेलेक्टर

  1. CSS चाइल्ड सेलेक्टर CSS चाइल्ड सेलेक्टर

    ) का उपयोग चाइल्ड सेलेक्टर parent > child केवल उन एलिमेंट्स को सिलेक्ट करता है जो निर्दिष्ट पैरेंट के **तत्काल (डायरेक्ट) चाइल्ड** होते हैं। यह डिसेंडेंट सेलेक्टर (स्पेस) से अलग है जो सभी नेस्टेड डिसेंडेंट्स को सिलेक्ट करता है। सिंटैक्स div > p उदाहरण <!DOCTYPE html> <html> <

  1. CSS डिसेंडेंट सेलेक्टर CSS डिसेंडेंट सेलेक्टर

    डिसेंडेंट कॉम्बिनेटर (स्पेस) का उपयोग डिसेंडेंट सेलेक्टर ancestor descendant (स्पेस से अलग) उस पैरेंट के **अंदर सभी नेस्टेड लेवल्स पर** मौजूद निर्दिष्ट टाइप के एलिमेंट्स को सिलेक्ट करता है, न कि केवल डायरेक्ट चाइल्ड्स को। उदाहरण <!DOCTYPE html> <html> <head> <style>

  1. CSS में सिलेक्टर्स को ग्रुप करना CSS में सिलेक्टर्स को ग्रुप करना

    CSS ग्रुपिंग सिलेक्टर का उपयोग कई एलिमेंट्स को सिलेक्ट करके उन्हें एक साथ स्टाइल करने के लिए किया जाता है। यह कोड और प्रत्येक एलिमेंट के लिए कॉमन स्टाइल्स घोषित करने के अतिरिक्त प्रयास को कम करता है। सिलेक्टर्स को ग्रुप करने के लिए, प्रत्येक सिलेक्टर को कॉमा से अलग किया जाता है।सिंटैक्सCSS ग्रुपिंग