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

CSS से "java" सबस्ट्रिंग वाले href एट्रिब्यूट के सभी <a> एलिमेंट्स चुनें


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

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

उदाहरण

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

  1. CSS से केवल चाइल्ड वाले पैरेंट के <p> एलिमेंट को स्टाइल करें CSS से केवल चाइल्ड वाले पैरेंट के <p> एलिमेंट को स्टाइल करें

    :only-child सेलेक्टर का उपयोग :only-child सेलेक्टर उस एलिमेंट को सिलेक्ट करता है जो अपने पैरेंट का **एकमात्र चाइल्ड** हो (कोई अन्य चाइल्ड न हो, किसी भी टाइप का)। उदाहरण <!DOCTYPE html> <html> <head> <style> p:only-child { background: orange; } &

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

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

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

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