एट्रिब्यूट वैल्यू सिलेक्टर

एट्रिब्यूट वैल्यू सिलेक्टर आपको एलिमेंट्स को उनके एक विशिष्ट एट्रिब्यूट की उपस्थिति या उसके मान के आधार पर चुनने और उन पर आवश्यक स्टाइल लागू करने की अनुमति देता है।

उदाहरण

आइए input टैग पर विचार करें, जिसके type एट्रिब्यूट का मान text है, और इसे हल्के नीले रंग की पृष्ठभूमि दें:

html<p>
  <label>टेक्स्ट दर्ज करें</label>
  <input type="text">
</p>
<p>
  <label>नंबर दर्ज करें</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

यह भी देखें