आसन्न सहोदर - सीएसएस-ट्रिक्स

विषय - सूची:

CSS में आसन्न सिबलिंग कॉम्बिनेटर अपने आप में एक चयनकर्ता नहीं है, बल्कि दो चयनकर्ताओं के संयोजन का एक तरीका है। उदाहरण के लिए:

p + p ( margin: 0; )

प्लस चिन्ह (+) दो पैराग्राफ टैग (एलिमेंट) चयनकर्ताओं के बीच समीपवर्ती सिबलिंग कॉम्बिनेटर है। इसका मतलब यह है कि "किसी भी अनुच्छेद टैग का चयन करें जो सीधे दूसरे पैराग्राफ टैग के बाद है (बीच में कुछ भी नहीं है)"। यहां कुछ उदाहरण दिए गए हैं कि यह क्या चुनेगा:


I'm a paragraph
I get selected!
I'm a paragraph

Monkey hair
I will NOT get selected

सिमेंटिक मार्कअप का उपयोग करते समय और कुछ निश्चित परिदृश्यों के लिए समायोजित करने की आवश्यकता के लिए यह ज्यादातर उपयोगी होता है जिसमें तत्व सीधे एक दूसरे के बगल में होते हैं।

CodePen पर सारा कोप (@saracope) द्वारा पेन निकटवर्ती सिबलिंग चयनकर्ता देखें।