2009-07-15 10 views
65

यह <A> टैग से पहले टैग से पहले टैग का चयन करता है:एक टैग के लिए चयनकर्ता सीधे एक और टैग के बाद

A+B { 
    /* styling */ 
} 

सभी <A> टैग्स के लिए चयनकर्ता क्या है <B> टैग द्वारा का पालन किया?

यहां मेरा प्रश्न फिटिंग नमूना HTML है:

<a>some text</a> 
<b>some text</b> 
+3

मटर के दाने हमें एक डोम उदाहरण दे कैसे 'A' और' बी' संबंधित हैं। – Gumbo

+2

वे इस बात से संबंधित हैं कि वे भाई बहन हैं, और बी के बाद ए है। ओपी सभी 'बी' का चयन करना चाहता है, जिसके बाद 'ए 'बी' के समान होता है, जहां आप सभी' बी 'जो सीधे' ए 'से पहले हैं। – Anthony

+0

2.5 साल बाद, क्या इस उत्तर के लिए कोई अपडेट है? मैं बी के बाद एक लक्ष्य को भी लक्षित करना चाहता हूं। – chovy

उत्तर

21

आप सीएसएस में नहीं कर सकते हैं:

यहाँ नमूना HTML मेरे सवाल फिटिंग है।

संपादित करें: थोड़ी अधिक सहायक होने के लिए, यदि आप उदाहरण के लिए jQuery (जावास्क्रिप्ट लाइब्रेरी) का उपयोग करते हैं, तो आप .prev() का उपयोग कर सकते हैं।

+0

यह जावास्क्रिप्ट –

+2

का उपयोग करने का एकमात्र समाधान है, मुझे ऐसा लगता है, जब तक आप ए और बी के क्रम को बदल नहीं सकते ... – jeroen

+2

धन्यवाद जीरोन! यह मेरी समस्या तय है। चूंकि मेरा "ए" फ्लोट छोड़ दिया गया है और "बी" सही तैरता है, इससे कोई फ़र्क नहीं पड़ता कि मैंने मार्कअप को किस क्रम में रखा है। – BobRodes

-9

आप कर सकते हैं, लेकिन समर्थन अभी भी छोटी है। इस बात का नाम आसन्न भाई चयनकर्ता

http://reference.sitepoint.com/css/adjacentsiblingselector

+0

वह एक तत्व बी चुनने के लिए है जो तत्व ए द्वारा _preceded_ है लेकिन सवाल यह है कि "चयनकर्ता एक तत्व का चयन करना जो _ तत्व द्वारा _ प्रत्यक्ष रूप से पीछा किया गया है ", यानी दूसरी तरफ। – VolkerK

+0

वह पहले से ही जानता था, लेकिन उसे उलटा जरूरत है। नीचे दिया गया जवाब सही है। – Dykam

+0

वह ओपी का चयनकर्ता है।वह चाहता है कि वह अपने अगले भाई के आधार पर तत्व का चयन करे, न कि पिछले भाई। – Quentin

50

आप शैली एक दिया गया यह एक बी तत्व सीधे है कि अंदर या पीछा मतलब क्या है? इस तरह:

<A> 
    <B> 
    </B> 
</A> 

// OR 

<A> 
</A> 
<B> 
</B> 

आप सीएसएस (अभी तक) में ऐसी कोई चीज़ नहीं कर सकते हैं। एरिक मेयर का कहना है कि इस तरह के चयनकर्ता पर सीएसएस मेलिंग सूची पर कुछ बार चर्चा की गई है, और यह करने योग्य नहीं है। कोर वेबकिट डेवलपर्स में से एक डेव हयात, एक अच्छी व्याख्या के साथ टिप्पणी करता है कि यह क्यों नहीं किया जा सकता है।

चेक आउट: Shaun Inman's blog post और comment by Eric Meyer
David Hyatt weighs in भी।

+0

मेरा दूसरा मतलब है, मैं इस मुद्दे को समझता हूं धन्यवाद आपको धन्यवाद :) –

7

आप केवल बातचीत कर सकते हैं: यह टैग से पहले सीधे सभी टैग का चयन करता है।

यह आपके अनुरोध के अनुसार तर्कसंगत है।

मैं अक्सर इस का उपयोग लेबल के साथ कई चेक बॉक्स की एक पंक्ति शैली

सीएसएस:

label+input { 
    margin-left: 4px; 
} 

डोम:

<input id="a" name="a" type="checkbox"/><label for="a">...</label> 
<input id="b" name="b" type="checkbox"/><label for="b">...</label> 
<input id="c" name="c" type="checkbox"/><label for="c">...</label> 
संबंधित मुद्दे