2012-03-23 12 views
151

मैं ट्विटर बूटस्ट्रैप में इस चयनकर्ता देखा:यह सीएसएस चयनकर्ता क्या है? [वर्ग * = "अवधि"]

.show-grid [class*="span"] { 
    background-color: #eee; 
    text-align: center; 
    border-radius: 3px; 
    min-height: 30px; 
    line-height: 30px; 
} 

किसी को भी पता है क्या इस तकनीक कहा जाता है और यह क्या करता है?

+1

http://api.jquery.com/attribute-contains-selector/ – biziclop

+0

कई अच्छे सीएसएस चयनकर्ता उपलब्ध हैं: http://www.w3.org/TR/selectors/#selectors –

+0

http://jsbin.com/otizoz/संपादित करें # जावास्क्रिप्ट, एचटीएमएल, लाइव –

उत्तर

267

यह एक विशेषता वाइल्डकार्ड चयनकर्ता है। आपके द्वारा दिए गए नमूने में, यह .show-grid के तहत किसी भी बच्चे तत्व की तलाश करता है जिसमें एक कक्षा है जिसमें span शामिल है।

तो इस उदाहरण में <strong> तत्व का चयन होगा:

<div class="show-grid"> 
    <strong class="span6">Blah blah</strong> 
</div> 

तुम भी के लिए खोज कर सकते हैं

div[class^="something"] { } 

जो कुछ इस तरह पर काम करेगा 'के साथ शुरू होता है ...': -

<div class="something-else-class"></div> 

और

'के साथ समाप्त होता है ...' 0
div[class$="something"] { } 

पर

<div class="you-are-something"></div> 

अच्छा संदर्भ

काम करेगा जो
+1

मुझे पता है कि यह पुराना जवाब है लेकिन मैं संदर्भ संदर्भ में यह संदर्भ जोड़ूंगा: http: //www.w3।संगठन/टीआर/सीएसएस 3-चयनकर्ता/ –

+0

@ ड्रेडबॉय धन्यवाद, मैंने अब जोड़ा है – isNaN1247

+2

लोगों को यह उपयोगी लगता है तो बस एक और संदर्भ जोड़ना चाहेंगे: http://AllCssSelectors.com – user3339411

27
.show-grid [class*="span"] 

यह एक CSS चयनकर्ता उस वर्ग शो ग्रिड, चाइल्ड तत्व जो वर्ग है है के साथ सभी तत्वों का चयन करता है शामिल नाम अवधि है।

+12

से ऊपर कुछ वर्गनाम वास्तव में, यह "बाल तत्व जिसमें कक्षा में नाम अवधि है" और ** ** ** "कक्षा शो-ग्रिड वाले सभी तत्व" का चयन नहीं करता है – Utopik

2

यह उन सभी तत्वों का चयन करता है जहां कक्षा नाम में "span" स्ट्रिंग है। एक स्ट्रिंग की शुरुआत के लिए ^= और स्ट्रिंग के अंत के लिए $= भी है। http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

मैं बूटस्ट्रैप कक्षाएं spanX जहाँ X एक पूर्णांक है साथ ही परिचित हूँ, लेकिन अगर वहाँ अन्य चयनकर्ताओं कि span में समाप्त हो गया है, तो वह भी इन नियमों के अंतर्गत आते हैं: यहाँ कुछ CSS चयनकर्ताओं के लिए एक अच्छा संदर्भ है ।

यह कंबल सीएसएस नियमों को लागू करने में मदद करता है।

संबंधित मुद्दे