2012-01-02 12 views
5

में आसन्न भाई ऑपरेटर श्रृंखलन पीछा कर रहा हैसीएसएस

.a + .b + .c 

एक वैध चयनकर्ता वर्ग c कि सीधे b क्रमशः दो वर्ग a के तत्वों और इस प्रकार का एक तत्व के लिए? ऐसा लगता है कि क्रोम 16 में काम करता है। क्या यह मानक से स्पष्ट है, इसे काम करना चाहिए?

+1

हां यह है। एफएफ + क्रोम + सफारी + ओपेरा + आईई 9 – noob

+1

आपको लगता है कि यह एकाधिक संयोजकों का उपयोग करने के लिए गैर-मानक क्यों है? हम हर दिन संयोजक (हे!) गठबंधन करते हैं: 'nav> ul> li a' और आसन्न भाई संयोजक एक सीएसएस 2 चयनकर्ता है जिसे बच्चे और वंश के संयोजकों के साथ एक अच्छा समय के लिए मानकीकृत किया गया है। – BoltClock

+1

@ मिचा: आईई से संस्करण संख्या भी ले सकते हैं, अब आईई 6 शायद ही कभी मायने रखता है। – BoltClock

उत्तर

5

मेरे लिए ठीक काम करता है और मानक है, जहां तक ​​मुझे पता है। (कभी भी विपरीत बात को देखा है)

उदाहरण: http://jsfiddle.net/6ykxB/

यदि यह अभी पिछले आसन्न चयनकर्ता का उपयोग कर रहे थे, यह अभी भी

.z + .b + .c

काम करेगा, लेकिन यह

नहीं है

उदाहरण 2: http://jsfiddle.net/6ykxB/1/

साइटपॉइंट पर एक संदर्भ एम का उल्लेख करता है

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

हालांकि, वहाँ :hover साथ तत्वों और कई चयनकर्ताओं के लिए एक चेतावनी है: आसन्न भाई चयनकर्ताओं अनेक, एक आगे पुष्टि वे मानक हैं कि

सफारी (करने के लिए और संस्करण 4 सहित) और क्रोम ( संस्करण 3 तक) और "आसन्न" व्यवहार करते हैं जब आसन्न चयनकर्ता से पहले एक तत्व है: होवर छद्म वर्ग का उपयोग कर तत्व। बग संस्करणों के बीच भिन्न होता है लेकिन नियम या तो बिल्कुल लागू नहीं होता है, या लागू असंगत रूप से लागू होता है।

+2

वेबकिट को अभी भी नवीनतम संस्करणों में ': होवर' के साथ उपयोग किए जाने पर आसन्न और सामान्य भाई संयोजकों के साथ परेशानी है, इसलिए हमें अभी भी सावधान रहना होगा। हालांकि इसमें कई संयोजकों के उपयोग से कोई लेना देना नहीं है: 'होवर' एक छद्म वर्ग है, न कि एक संयोजक। इसमें वेबकिट में केवल एक '+' या '~' के साथ समस्याएं हैं। – BoltClock