2010-04-14 19 views
85

क्या क्या इससीएसएस चयनकर्ता,> अंतरिक्ष बनाम

div.card div.name 
+0

इस प्रश्न के आगे, क्योंकि मुझे इस बारे में पता नहीं था और मुझे समस्या का समाधान करने के लिए इस्तेमाल किया जा सकता है, जो ब्राउज़र इस प्रकार के चयनकर्ता का समर्थन करते हैं? – Kyle

+3

यह सभी मौजूदा ब्राउज़रों में समर्थित है। आईई को संस्करण 7 में समर्थन मिला: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx#combinators –

उत्तर

130

A > B केवल बी का चयन करेगा जो प्रत्यक्ष बच्चों को ए (यानी, इसमें कोई अन्य तत्व नहीं है)।

A B ए के अंदर मौजूद किसी भी बी का चयन करेगा, भले ही उनके बीच अन्य तत्व हों।

0

div.card > div.name मैचों के बीच का अंतर है इस वाक्य

div.card > div.name 

का उपयोग कर बात है <div class='card'>....<div class='name'>xxx</div>...</div> लेकिन यह मेल नहीं खाता <div class='card'>....<div class='foo'> ... <div class='name'>xxx</div>..</div>....</div>

div.card div.name दोनों से मेल खाता है।

है, > चयनकर्ता यह सुनिश्चित करें कि > के दाईं ओर पर चयनित तत्व अपनी बाईं ओर तत्व के एक immidiate बच्चा है बनाता है।

> के बिना वाक्यविन्यास <div class='name'> से मेल खाता है जो <div class='card'> का वंशज (न केवल एक बच्चा) है।

+0

हाँ, उत्तर देने वाले 15 मिनट से अधिक समय के लिए विचार करने योग्य नहीं हैं; -) –

6

>child selector. है यह केवल तत्काल बच्चे तत्वों और नहीं किसी भी वंशज (पोते सहित, भव्य-पोते आदि) > बिना दूसरे उदाहरण में दिखाया निर्दिष्ट करता है।

बच्चे चयनकर्ता आईई 6 और उससे कम द्वारा समर्थित नहीं है। एक महान संगतता तालिका here है।

+1

इस उत्तर को फिक्सिंग की आवश्यकता है। '>' [बाल चयनकर्ता] है (https://www.w3.org/TR/CSS2/selector.html#child- चयनकर्ता); [वंश चयनकर्ता] है (https://www.w3.org/TR/CSS2/selector.html#descendant- चयनकर्ता)। – SNag

+0

@SNag तय, यकीन नहीं कि मैं क्या सोच रहा था, धन्यवाद! –

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