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

CSS से निर्दिष्ट मान वाले एट्रिब्यूट वैल्यू कंटेन करने वाले एलिमेंट्स चुनें

जिन एलिमेंट्स के एट्रिब्यूट वैल्यू में निर्दिष्ट मान होता है, उन्हें चुनने के लिए [attribute*="value"] सिलेक्टर का उपयोग करें।

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

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          [alt* = "tut"] {             border: 5px solid orange;             border-radius: 5px;          }       </style>    </head>    <body>       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" height="200" width="200" alt="tutor">       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" height="200" width="200" alt="my tutorials">    </body> </html>

  1. CSS से वैलिड वैल्यू वाले सभी <input> एलिमेंट्स स्टाइल करें CSS से वैलिड वैल्यू वाले सभी <input> एलिमेंट्स स्टाइल करें

    :valid सिलेक्टर वैलिड वैल्यू वाले सभी <input> एलिमेंट्स को स्टाइल करने के लिए CSS :valid सिलेक्टर का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> input:valid { background: red; color: white; } </style> </head

  1. - CSS एट्रिब्यूट सेलेक्टर [attribute] से एट्रिब्यूट वाले तत्व चुनें

    CSS [attribute] सेलेक्टर (एट्रिब्यूट प्रेजेंस सेलेक्टर) का उपयोग करके उन सभी तत्वों को चुना जा सकता है जिनमें निर्दिष्ट एट्रिब्यूट मौजूद होता है, चाहे उसका मान कुछ भी हो। उदाहरण नीचे दिए गए उदाहरण में, img[alt] सेलेक्टर केवल उन <img> तत्वों को चुनता है जिनमें alt एट्रिब्यूट मौजूद है। <!DO

  1. - CSS [attribute~="value"] सेलेक्टर से शब्द-विशिष्ट एट्रिब्यूट मान चुनें

    CSS [attribute~=value] सेलेक्टर उन तत्वों को चुनता है जिनके एट्रिब्यूट मान में निर्दिष्ट **पूरा शब्द** (स्पेस से अलग) मौजूद होता है। यह [attribute*=value] (सबस्ट्रिंग) से अलग है जो आंशिक मेल भी ढूंढता है। उदाहरण नीचे दिए गए उदाहरण में, [alt~=Tutorials] सेलेक्टर उन इमेज को चुनता है जिनके alt एट्रिब्