[html] सीएसएस में डेटा विशेषता द्वारा तत्वों का चयन करें


Answers

आधुनिक ब्राउज़रों में उनकी सामग्री के बावजूद विशेषताओं का चयन करना भी संभव है

साथ में:

[data-my-attribute] {
   /* Styles */
}

[anything] {
   /* Styles */
}

उदाहरण के लिए: http://codepen.io/jasonm23/pen/fADnu

ब्राउज़र के एक बहुत ही महत्वपूर्ण प्रतिशत पर काम करता है।

ध्यान दें कि इसका उपयोग JQuery चयनकर्ता में या document.querySelector का उपयोग करके भी किया जा सकता है

Question

क्या सीएसएस में उनके एचटीएमएल 5 डेटा विशेषताओं (उदाहरण के लिए, data-role ) द्वारा तत्वों का चयन करना संभव है?




आप कई चयनकर्ताओं को जोड़ सकते हैं और यह इतना अच्छा है कि आप अपने मूल्य के आधार पर प्रत्येक विशेषता और विशेषता का चयन कर सकते हैं जैसे href उनके मूल्यों के आधार पर केवल सीएसएस के साथ ..

गुण चयनकर्ता आपको id और class विशेषताओं के साथ कुछ अतिरिक्त खेलने की अनुमति देता है

विशेषता चयनकर्ताओं पर यहां एक शानदार पठन है

Fiddle

a[href="http://aamirshahzad.net"][title="Aamir"] {
  color: green;
  text-decoration: none;
}

a[id*="google"] {
  color: red;
}

a[class*="stack"] {
  color: yellow;
}
<a href="http://aamirshahzad.net" title="Aamir">Aamir</a>
<br>
<a href="http://google.com" id="google-link" title="Google">Google</a>
<br>
<a href="http://.com" class="stack-link" title="stack">stack</a>

ब्राउज़र समर्थन:
आईई 6 +, क्रोम, फ़ायरफ़ॉक्स और सफारी

आप here विवरण की जांच कर सकते here




Related