दिलचस्प पोस्ट
WinForms प्रगति बार का उपयोग कैसे करें? जावास्क्रिप्ट में {} या नया ऑब्जेक्ट () के साथ एक खाली ऑब्जेक्ट बनाएँ? परमिको में एक ही सत्र में आप कई आदेश कैसे कार्यान्वित करते हैं? (अजगर) एक मशीन पर .NET ढाँचा के संस्करणों को वापस करने के लिए PowerShell स्क्रिप्ट? क्या एक ओरेकल एसक्यूएल क्वेरी है जो एक पंक्ति में कई पंक्तियाँ एकत्र करती है? क्या मुझे 'allow_url_fopen' को PHP में अनुमति देनी चाहिए? मैं किसी स्ट्रिप्स को किसी भी श्वेत स्थान के वर्णों को सीमांकक के रूप में कैसे विभाजित कर सकता हूं? असली डिवाइस में वर्तमान सिम कार्ड का मोबाइल नंबर कैसे प्राप्त करें? PHP फ़ंक्शन के साथ अपरिभाषित चर समस्या क्या LINQ "OrderBy" द्वारा सॉर्टिंग एल्गोरिथ्म का उपयोग किया जाता है? मैं JavaScript या jQuery के साथ एक से अधिक तत्व कैसे खींचूं? जावास्क्रिप्ट में किसी अन्य समयक्षेत्र में तिथि कन्वर्ट फ़्लोटिंग प्वाइंट कैसा है? जब यह बात करता है? पूर्ण / स्थिर बच्चों के साथ मूल कंटेनर की ऑटो ऊंचाई LINQ वाम जुड़ें और दायें जुड़ें

"~" (टिल्ड / स्क्विगल / ट्विडल) सीएसएस चयनकर्ता का मतलब क्या है?

~ चरित्र के लिए खोज आसान नहीं है। मैं कुछ सीएसएस देख रहा था और यह पाया

 .check:checked ~ .content { } 

इसका क्या मतलब है?

वेब के समाधान से एकत्रित समाधान ""~" (टिल्ड / स्क्विगल / ट्विडल) सीएसएस चयनकर्ता का मतलब क्या है?"

चयनकर्ता वास्तव में सामान्य भाई वाला संयोजक है (या चयनकर्ता स्तर 4 कार्यरत मसौदे के अनुसार निम्नलिखित भाई-संयोजक):

सामान्य भाई संयोगक "टिल्ड" (यू + 007 ई, ~) चरित्र से बना है जो साधारण चयनकर्ताओं के दो दृश्यों को अलग करता है। दो अनुक्रमों द्वारा दर्शाए गए तत्व दस्तावेज़ पेड़ में एक ही माता-पिता को साझा करते हैं और पहले अनुक्रम द्वारा दर्शाए गए तत्व से पहले (जरूरी नहीं कि तुरंत) दूसरा एक द्वारा दर्शाया गया तत्व।

निम्नलिखित उदाहरण पर विचार करें:

 .a ~ .b { background-color: powderblue; } 
 <ul> <li class="b">1st</li> <li class="a">2nd</li> <li>3rd</li> <li class="b">4th</li> <li class="b">5th</li> </ul> 

सामान्य भाई संयोगक

सामान्य भाई संयोगक चयनकर्ता आसन्न भाई सह-संयोजक चयनकर्ता के समान है। अंतर यह है कि चयनित तत्व को तुरंत पहले तत्व को सफल करने की आवश्यकता नहीं है, लेकिन उसके बाद कहीं भी दिखाई दे सकती है।

और जानकारी

परिवार में अन्य संयोजकों को भी देखने के लिए और इस विशिष्ट एक को वापस लाने के लिए अच्छा है।

  • ul li
  • ul > li
  • ul + ul
  • ul ~ ul

उदाहरण चेकलिस्ट:

  • ul liअंदर की तलाशul li के भीतर रखा सभी li तत्वों को चुनता है (कहीं भी); वंश चयनकर्ता
  • ul > liअंदर दिखाना – केवल ul के प्रत्यक्ष li तत्वों का चयन करता है; यानी यह केवल ul प्रत्यक्ष बच्चों li का चयन करेगा; बाल चयनकर्ता या बाल संयोजक चयनकर्ता
  • ul + ulबाहर की तलाशul तुरंत बाद ul चयन करता है; यह अंदर नहीं दिख रहा है, लेकिन तत्काल तत्व के लिए बाहर देख रहा है; निकटस्थ सिबलिंग चयनकर्ता
  • ul ~ ulबाहर की तलाशul बाद सभी ul चयन करता है जहां कोई फर्क नहीं पड़ता, लेकिन दोनों को एक ही मूल होने चाहिए; जनरल सिबलिंग चयनकर्ता

हम जो यहां देख रहे हैं वह सामान्य सिबलिंग चयनकर्ता है

यह General sibling combinator संयोगक है और @ सलमान के उत्तर में बहुत अच्छी तरह से समझाया गया है।

मैंने जो कुछ भी याद किया, वह Adjacent sibling combinator जो कि + और करीब से संबंधित है ~

उदाहरण होगा

 .a + .b { background-color: #ff0000; } <ul> <li class="a">1st</li> <li class="b">2nd</li> <li>3rd</li> <li class="b">4th</li> <li class="a">5th</li> </ul> 
  • तत्वों से मेल खाता है। .b
  • आसन्न हैं। .a
  • एचटीएमएल में बाद में

ऊपर दिए गए उदाहरण में यह 2 li लेकिन 4 नहीं होगा।

  .a + .b { background-color: #ff0000; } 
 <ul> <li class="a">1st</li> <li class="b">2nd</li> <li>3rd</li> <li class="b">4th</li> <li class="a">5th</li> </ul>