CSS [attribute=value] सेलेक्टर

व्याख्या और उपयोग

CSS [attribute=value] सेलेक्टर का उपयोग निर्दिष्ट अभियान्त्रिक मापदण्ड और अभियान्त्रिक मापदण्ड के समान मान के अनुसार चुने गए एलीमेंट को करता है。

उदाहरण

उदाहरण 1

सभी target="_blank" के <a> एलीमेंट की शैली चुनें और सेट करें। साथ ही सभी lang="it" के <p> एलीमेंट की शैली चुनें और सेट करें:

a[target="_blank"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

अपने आप सबसे प्रयोग करें

उदाहरण 2

इनपुट एलीमेंट <input type="text"> की चौड़ाई को 100px में सेट करें। हालाँकि जब यह फोकस प्राप्त करता है तो इसकी चौड़ाई को 250px में सेट करें:

input[type="text"] {
  width: 100px;
}
input[type="text"]:focus {
  width: 250px;
}

अपने आप सबसे प्रयोग करें

CSS व्याकरण

[attribute = value] {
  css declarations;
}

तकनीकी विवरण

ब्राउज़र समर्थन

टेबल में दिए गए नंबर का अर्थ है कि इस सेलेक्टर को पूरी तरह से समर्थन करने वाला पहला ब्राउज़र संस्करण है。