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





5 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> बाद / बाद में)
css css-selectors

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

p + p {
  /* Some declarations */
}

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




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




यह किसी भी तत्व 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 के बाद पहली अवधि पर लागू होगी। यह ध्यान रखना महत्वपूर्ण है कि दूसरा अवधि नहीं चुना जाएगा।




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

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

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

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

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

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




Related