[Css] "+" (प्लस साइन) सीएसएस चयनकर्ता का क्या अर्थ है?



Answers

यह निकट भाई चयनकर्ता है।

स्टाइल ब्लॉग के स्पलैश से।

एक सीएसएस आसन्न चयनकर्ता को परिभाषित करने के लिए, प्लस साइन का उपयोग किया जाता है।

h1+p {color:blue;}

उपर्युक्त सीएसएस कोड नीले रंग के रूप में किसी भी एच 1 शीर्षकों के बाद (अंदर नहीं) के पहले पैराग्राफ को प्रारूपित करेगा।

h1>p किसी भी p तत्व का चयन करता है जो एक h1 तत्व के प्रत्यक्ष (पहली पीढ़ी) बच्चे (अंदर) है।

  • h1>p मैचों <h1> <p></p> </h1> ( <p> अंदर <h1> )

h1+p पहले p तत्व का चयन करेगा जो एक भाई (डोम के समान स्तर पर) एक h1 तत्व के रूप में होगा।

  • h1+p मैचों <h1></h1> <p><p/> ( <p> <h1> बाद / बाद में)
Question

उदाहरण के लिए:

p + p {
  /* Some declarations */
}

मुझे नहीं पता कि + क्या मतलब है। इसके बीच क्या अंतर है और p बिना p लिए शैली को परिभाषित करना?




"+" आसन्न भाई चयनकर्ता है। यह एपी के बाद प्रत्यक्ष रूप से किसी भी पी का चयन करेगा (हालांकि बच्चे या अभिभावक नहीं, एक भाई)।




+ रिश्तेदार चयनकर्ताओं में से एक प्रस्तुत करता है। सभी रिश्तेदार चयनकर्ताओं की सूची:

div p - सभी <p> तत्व <div> तत्वों के अंदर चयनित हैं।

div > p - सभी <p> तत्व जिनके प्रत्यक्ष माता-पिता <div> चयनित हैं। यह भी पिछड़ा काम करता है ( p < div )

div + p - सभी <p> तत्व <div> तत्व के बाद तुरंत <div> होते हैं।

div ~ p - सभी <p> तत्व जो <div> तत्व से पहले हैं, चुने गए हैं।

चयनकर्ताओं के बारे में अधिक जानकारी here




यह किसी भी तत्व p मेल खाता है जो तुरंत तत्व 'पी' के निकट होता है। देखें: http://www.w3.org/TR/CSS2/selector.html




प्लस (+) पहले तत्काल तत्व का चयन करेगा। जब आप + चयनकर्ता का उपयोग करते हैं तो आपको दो पैरामीटर देना होगा। उदाहरण के द्वारा यह अधिक स्पष्ट होगा: यहां div और span पैरामीटर हैं, इसलिए इस मामले में div के बाद केवल प्रथम अवधि स्टाइल की जाएगी।

 div+ span{
   color: green;
   padding :100px;
}

     <div>The top or first element  </div>
       <span >this is span immediately after div, this will be selected</span>
       <span>This will not be selected</span>

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




Links