दिलचस्प पोस्ट
jQuery / जावास्क्रिप्ट: एक iframe की सामग्री तक पहुंचने वेबसाइट स्क्रीनशॉट बनाने के लिए कमांड लाइन प्रोग्राम (लिनक्स पर) एक WHERE करना .. सिद्धांत 2 में subquery में क्या मैं web.config में maxJsonLength के लिए एक असीमित लंबाई निर्धारित कर सकता हूँ? एंड्रॉइड में पावर बटन को कैसे हुक कर सकते हैं? Mysql / फजी खोज के लिए लेवेन्सशेटिन दूरी का कार्यान्वयन? पायथन: प्रकार एरर: 'स्ट्र' और 'इंट' ऑब्जेक्ट्स को जोड़ नहीं सकते हैं __builtin_prefetch, यह कितना पढ़ा है? तय समय अंतराल के बाद बार-बार Async कार्य को कैसे निष्पादित करें UITextView में प्लेसहोल्डर 'XXX' की कुंजी 'ViewData' आइटम में 'System.Int32' प्रकार होता है, लेकिन 'IEnumerable <SelectListItem>' प्रकार का होना चाहिए AngularJS – नियंत्रक में दिनांक परिवर्तित करें कई सूचकांकों के साथ मेष प्रस्तुत करना Laravel 5 – दृश्य में भंडारण में अपलोड की गई छवि को कैसे देखें? निर्धारित हैडर के लिए समायोजित करने के लिए एक HTML एंकर को ऑफसेट करना

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

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

 .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>