हम आसन्न सिबलिंग चयनकर्ता (+) का उपयोग करते हैं, यदि हम उस तत्व से मेल खाना चाहते हैं जो पहले चयनकर्ता के तुरंत बाद होता है। यहां, दोनों चयनकर्ता एक ही मूल तत्व के बच्चे हैं।
CSS आसन्न सिबलिंग कॉम्बिनेटर का सिंटैक्स इस प्रकार है -
चयनकर्ता + चयनकर्ता{ विशेषता:/*value*/} यदि हम दूसरे चयनित तत्व की स्थिति के बावजूद एक ही माता-पिता के भाई-बहनों का चयन करना चाहते हैं, तो हम CSS सामान्य सहोदर संयोजक का उपयोग करते हैं।
CSS जनरल सिबलिंग कॉम्बिनेटर का सिंटैक्स इस प्रकार है -
<पूर्व>चयनकर्ता ~ चयनकर्ता{ विशेषता:/*मान*/}निम्नलिखित उदाहरण CSS आसन्न और सामान्य सहोदर संयोजक संपत्ति को दर्शाते हैं।
उदाहरण
<सिर> <शैली> # पैरेंट { डिस्प्ले:फ्लेक्स; मार्जिन:2%; गद्दी:2%; बॉक्स-छाया:इनसेट 0 0 24px सियान; जस्टिफाई-कंटेंट:स्पेस-अराउंड;}डिव + पी {फ़ॉन्ट-साइज़:1.2em; फोंट की मोटाई:बोल्ड; बैकग्राउंड:पाउडरब्लू;}सेक्शन { बॉक्स-शैडो:0 0 3px rgba(0,0,0,0.8);}
इसे जांचें
<अनुभाग>
अनुभाग में कुछ लेख
नमस्ते
चयनित