CSS में संदर्भ चयनकर्ता

संदर्भ चयनकर्ता, जो एक स्पेस कमांड (' ') है, आपको दिए गए मूल तत्व के अंदर नेस्टेड टैग चुनने की अनुमति देता है

वाक्य - विन्यास

cssचयनकर्ता1 चयनकर्ता2 {
  
}

आइए div टैग के अंदर सभी p टैग को लक्षित करें और उन्हें लाल रंग में रंगें:

html<div>
  <p>
    पाठ
  </p>
  <p>
    पाठ
  </p>
</div>

cssdiv p {
  color: red;
}

Результат:

आइए #elem आईडी वाले तत्व के अंदर सभी p टैग को लक्षित करें और उन्हें लाल रंग में रंगें:

html<div id="elem">
  <p>
    पाठ
  </p>
  <p>
    पाठ
  </p>
</div>

css#elem p {
  color: red;
}

Результат:

आइए .block क्लास वाले तत्वों के अंदर सभी p टैग को लक्षित करें और उन्हें लाल रंग में रंगें:

html<div class="block">
  <p>
    पाठ
  </p>
  <p>
    पाठ
  </p>
</div>

css.block p {
  color: red;
}

Результат:

आइए div टैग के अंदर मौजूद p टैग के अंदर सभी b टैग को लक्षित करें और उन्हें लाल रंग में रंगें:

html<div>
  <p>
    पाठ <b>+</b>
  </p>
</div>

cssdiv p b {
  color: red;
}

Результат:

चाइल्ड चयनकर्ता,
जो सीधे नेस्टेड तत्वों को चुनने की अनुमति देता है
अगल-बगल का भाई चयनकर्ता,
जो किसी तत्व को उसके पड़ोसी के आधार पर चुनने की अनुमति देता है
सामान्य भाई चयनकर्ता,
जो दिए गए तत्व के बाद के तत्वों को चुनने की अनुमति देता है
यूनिवर्सल चयनकर्ता,
जो सभी तत्वों को चुनने की अनुमति देता है