CSS गठन चयनकर्ता (&)

परिभाषा और उपयोग

CSS गठन (&) चयनकर्ता, एक अन्य एलीमेंट के परिवेश में एलीमेंट के लिए स्टाइल लागू करने के लिए उपयोग किया जाता है。

गठन कम करता है, जिससे संबंधित एलीमेंट के लिए दोहरे चयनकर्ता की आवश्यकता कम होती है。

उदाहरण

उदाहरण 1

गठन से पहले, आपको प्रत्येक चयनकर्ता को स्पष्ट रूप से घोषित करना होता है, जैसा कि नीचे दिया गया है:

.box {
  border: 2px solid green;
  background-color: beige;
  font-family: monospace;
  font-size: 20px;
}
.box > a {
  color: green;
}
.box > a:hover {
  color: white;
  background-color: salmon;
}

अपने आप प्रयोग करें

उदाहरण 2

गठन के बाद, चयनकर्ता को जारी रखा जाता है, संबंधित स्टाइल नियम निर्देशक नियम में समूह बने हैं:

.box {
  border: 2px solid green;
  background-color: beige;
  font-family: monospace;
  font-size: 20px;
  & > a {
    color: green;
    &:hover {
      color: white;
      background-color: salmon;
    }
  }
}

अपने आप प्रयोग करें

सूचना:यदि उपरोक्त .box स्टाइल आपके प्रोजेक्ट से हटाना है, तो आप पूरे समूह को हटा सकते हैं, बिना जुड़े चयनकर्ताओं को खोजने की आवश्यकता के बिना。

CSS व्याकरण

parentrule {
  css डिक्लेयरेशन्स;
  & childrule {
    css डिक्लेयरेशन्स;  } 
}

तकनीकी विवरण

ब्राउज़र समर्थन