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

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


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

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

उदाहरण:

<!DOCTYPE html> <html>    <head>       <style>       a[rel = nofollow] {          border: 3px solid blue;       }       </style>    </head>    <body>       <a href = "https://qries.com/What-is-Uber-s-business-model-and-how-does-it-compare-with-Ola-s-model-in-India" rel = "nofollow">Uber's Business Model</a><br><br>       <a href = "https://www.qries.com/How-does-share-market-work-in-India" rel = "noreferrer">Share Market</a>    </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 और JavaScript से एकॉर्डियन कैसे बनाएं CSS और JavaScript से एकॉर्डियन कैसे बनाएं

    CSS और JavaScript से एकॉर्डियन बनाने के लिए, कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo { background-color: #eee; cursor: pointer; padding: 25px; width: 100

  1. CSS से रिस्पॉन्सिव फ्लोटिंग एलिमेंट्स कैसे बनाएं? CSS से रिस्पॉन्सिव फ्लोटिंग एलिमेंट्स कैसे बनाएं?

    CSS से रिस्पॉन्सिव फ्लोटिंग एलिमेंट्स बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Seg