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

CSS से .htm से खत्म होने वाले href वाले सभी <a> एलिमेंट्स चुनें

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

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

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          [href$ = htm] {             border: 5px solid orange;             border-radius: 5px;          }       </style>    </head>    <body>       <a href = "https://tutorialspoint.com/java/index.htm">Java Tutorial</a>       <a href = "https://www.tutorialspoint.com/java/java_tutorial.pdf">Java Tutorial PDF</a>    </body> </html>

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

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

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

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

  1. - CSS से चयनित तत्व के एट्रिब्यूट का मान लौटाएं

    CSS attr() फ़ंक्शन चयनित तत्व के किसी एट्रिब्यूट का मान लौटाता है, जिसे content प्रॉपर्टी के साथ उपयोग किया जा सकता है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          a:before {content: " (" attr(hre