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

CSS [attribute] सिलेक्टर का उपयोग


किसी एट्रिब्यूट वाले एलिमेंट्स चुनने के लिए [attribute] सिलेक्टर का उपयोग करें, उदाहरण के लिए alt एट्रिब्यूट या target एट्रिब्यूट आदि।

CSS [attribute] सिलेक्टर को लागू करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          img[alt] {             border: 3px solid orange;          }       </style>    </head>    <body>       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg"          height="200" width="200">       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg"          height = "200" width="200" alt = "Tutorials Library">    </body> </html>

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

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

  1. - CSS :active सेलेक्टर की भूमिका

    :active सेलेक्टर का उद्देश्य :active सेलेक्टर एक्टिव (दबाए जा रहे) लिंक या एलिमेंट को स्टाइल करता है। यह मोबाइल पर टच इवेंट्स पर भी लागू हो सकता है। उदाहरण <!DOCTYPE html> <html> <head> <style> a:active { background-color: orange; } </style&g

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

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