निर्दिष्ट मान से शुरू होने वाले एट्रिब्यूट वाले एलिमेंट्स चुनने के लिए [attribute|="value"] सिलेक्टर का उपयोग करें।
CSS [attribute|="value"] सिलेक्टर लागू करने के लिए निम्न कोड चलाकर देखें:
<!DOCTYPE html> <html> <head> <style> [lang| = en] { border: 5px solid orange; border-radius: 5px; } </style> </head> <body> <p lang = "en">Hello</p> <p lang = "no">Hei</p> </body> </html>
CSS से वैलिड वैल्यू वाले सभी <input> एलिमेंट्स स्टाइल करें
:valid सिलेक्टर वैलिड वैल्यू वाले सभी <input> एलिमेंट्स को स्टाइल करने के लिए CSS :valid सिलेक्टर का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> input:valid { background: red; color: white; } </style> </head
CSS एट्रिब्यूट सेलेक्टर [attribute] से एट्रिब्यूट वाले तत्व चुनें
CSS [attribute] सेलेक्टर (एट्रिब्यूट प्रेजेंस सेलेक्टर) का उपयोग करके उन सभी तत्वों को चुना जा सकता है जिनमें निर्दिष्ट एट्रिब्यूट मौजूद होता है, चाहे उसका मान कुछ भी हो। उदाहरण नीचे दिए गए उदाहरण में, img[alt] सेलेक्टर केवल उन <img> तत्वों को चुनता है जिनमें alt एट्रिब्यूट मौजूद है। <!DO
CSS [attribute~="value"] सेलेक्टर से शब्द-विशिष्ट एट्रिब्यूट मान चुनें
CSS [attribute~=value] सेलेक्टर उन तत्वों को चुनता है जिनके एट्रिब्यूट मान में निर्दिष्ट **पूरा शब्द** (स्पेस से अलग) मौजूद होता है। यह [attribute*=value] (सबस्ट्रिंग) से अलग है जो आंशिक मेल भी ढूंढता है। उदाहरण नीचे दिए गए उदाहरण में, [alt~=Tutorials] सेलेक्टर उन इमेज को चुनता है जिनके alt एट्रिब्