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

CSS से "Tutor" से शुरू होने वाले alt एट्रिब्यूट वाले सभी <img> एलिमेंट्स चुनें

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

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

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          [alt|=Tutor] {             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-Connect">       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" height="200" width="200" alt="Tutorials-Library">    </body> </html>

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

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

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

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

  1. - CSS जनरल सिबलिंग सेलेक्टर (~) से पूर्ववर्ती तत्व के बाद वाले सभी सिबलिंग चुनें

    CSS element ~ element सेलेक्टर (जनरल सिबलिंग सेलेक्टर) का उपयोग करके उन सभी तत्वों को चुना जा सकता है जो किसी निर्दिष्ट तत्व के **बाद में** आते हैं और उसी पैरेंट के बच्चे होते हैं। एडजेसेंट सिबलिंग सेलेक्टर (+) के विपरीत, यह केवल तुरंत अगले तत्व तक सीमित नहीं है। उदाहरण नीचे दिए गए उदाहरण में, p ~