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

CSS में एट्रिब्यूट सेलेक्टर्स


आप विशेष एट्रिब्यूट्स वाले HTML एलिमेंट्स पर स्टाइल्स भी लागू कर सकते हैं। नीचे दिया गया स्टाइल नियम उन सभी इनपुट एलिमेंट्स से मेल खाएगा जिनमें text  मान के साथ एक type एट्रिब्यूट है:

input[type = "text"]{ 
    color: #000000; 
}

निम्नलिखित एट्रिब्यूट सेलेक्टर पर लागू नियम हैं।

  •  p[lang] - lang एट्रिब्यूट वाले सभी पैराग्राफ एलिमेंट्स का चयन करता है।
  •  p[lang="fr"] - उन सभी पैराग्राफ एलिमेंट्स का चयन करता है जिनके lang एट्रिब्यूट का मान बिल्कुल "fr" है।
  •  p[lang~="fr"] - उन सभी पैराग्राफ एलिमेंट्स का चयन करता है जिनके lang एट्रिब्यूट में "fr" शब्द है।
  •  p[lang|="en"] - उन सभी पैराग्राफ एलिमेंट्स का चयन करता है जिनके lang एट्रिब्यूट में मान हैं जो बिल्कुल "en" हैं, या "en-" से शुरू होते हैं।

  1. CSS में एडजेसेंट सिबलिंग सिलेक्टर्स CSS में एडजेसेंट सिबलिंग सिलेक्टर्स

    CSS एडजेसेंट सिबलिंग सिलेक्टर का उपयोग किसी एलिमेंट के एडजेसेंट सिबलिंग को सिलेक्ट करने के लिए किया जाता है। इसका उपयोग केवल उन एलिमेंट्स को सिलेक्ट करने के लिए किया जाता है जो पहले सिलेक्टर के तुरंत बाद आते हैं।सिंटैक्सCSS एडजेसेंट सिबलिंग सिलेक्टर का सिंटैक्स निम्नलिखित है:element + element { /*de

  1. CSS एट्रिब्यूट सिलेक्टर्स से फॉर्म्स स्टाइल करना CSS एट्रिब्यूट सिलेक्टर्स से फॉर्म्स स्टाइल करना

    CSS में एट्रिब्यूट सिलेक्टर्स का उपयोग करके विशेष एट्रिब्यूट्स वाले HTML एलिमेंट्स पर स्टाइल्स लागू करें। एट्रिब्यूट सिलेक्टर पर निम्न नियम लागू होते हैं।p[lang] − lang एट्रिब्यूट वाले सभी पैराग्राफ एलिमेंट्स सिलेक्ट करता है।p[lang="fr"] − उन सभी पैराग्राफ एलिमेंट्स को सिलेक्ट

  1. CSS में एडवांस्ड सिलेक्टर्स CSS में एडवांस्ड सिलेक्टर्स

    CSS में एडवांस्ड सिलेक्टर्स में एडजेसेंट सिबलिंग सिलेक्टर, एट्रिब्यूट सिलेक्टर, डायरेक्ट चाइल्ड सिलेक्टर, nth-of-type सिलेक्टर आदि शामिल हैं। इसमें जनरल सिबलिंग सिलेक्टर भी शामिल है, एक उदाहरण नीचे दिखाया गया है:h1 ~ h3डायरेक्ट चाइल्ड सिलेक्टर का उदाहरण -div > spanCSS में एडवांस्ड सिलेक्टर्स दिखा