सीएसएस की भूमिका कैसे करें

Question

निम्नलिखित HTML में

<div id="content" role="main">

आईडी को #contentसीएसएस के माध्यम से एक्सेस किया जा सकता है । मैं कैसे पहुँचूँ role="main"?

Answer 1

CSS विशेषता चयनकर्ताओं का उपयोग करें:

https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

उदाहरण के लिए:

div[role=main]

Answer 2

इसे इस तरह एक्सेस करना चाहिए: #content[role="main"]

Answer 3

सुनिश्चित करें कि आप इस मोड में कर सकते हैं:

 #content[role="main"]{
       //style
    }

http://www.w3.org/TR/selectors/#attribute-selectors

Answer 4

एक चयनकर्ता को लिखने का सबसे छोटा तरीका जो उस विशिष्ट div को एक्सेस करता है, बस उपयोग करना है

[role=main] {
  /* CSS goes here */
}

पिछले उत्तर गलत नहीं हैं, लेकिन वे आप पर या तो डिव का उपयोग करके या विशिष्ट आईडी का उपयोग करने पर निर्भर हैं। इस चयनकर्ता के साथ, आप सभी प्रकार के पागल मार्कअप कर पाएंगे और यह अभी भी काम करेगा और आप विशिष्टता के साथ समस्याओं से बचेंगे।

[role=main] {
  background: rgba(48, 96, 144, 0.2);
}
div,
span {
  padding: 5px;
  margin: 5px;
  display: inline-block;
}

<div id="content" role="main">
  <span role="main">Hello</span>
</div>

Answer 5

अधिक जानकारी के लिए इस धागे का पालन करें

सीएसएस विशेषता चयनकर्ता: वर्ग लागू करें यदि कस्टम विशेषता का मूल्य है? इसके अलावा, यह IE7 + में काम करेगा?

और सीएसएस विशेषता चयनकर्ता सीखें

http://www.w3schools.com/css/css_attribute_selectors.asp

Answer 6

इस्तेमाल करें :

 #content[role=main]{
   your style here
}

Answer 7

हम प्रयोग कर सकते हैं

 element[role="ourRole"] {
    requried style !important; /*for overriding the old css styles */
    }