एसएएसएस चयनकर्ताओं में एम्परसेंड (&)

एसएएसएस में, चयनकर्ताओं के भीतर उपयोग किए जाने पर एम्परसेंड (&) का विशेष महत्व होता है। जैसा कि प्रदान किए गए उदाहरण मिश्रण में दिखाया गया है, इसका उपयोग मूल चयनकर्ता के हिस्से को चाइल्ड चयनकर्ता में जोड़ने के लिए किया जा सकता है।

3.2 तक के Sass संस्करणों के लिए, निम्नलिखित सिंटैक्स स्वीकार्य है:

.foo {
    &, &.bar, &#bar, &:after, &[active] {
        color: red;
    }
}

इसके अतिरिक्त, यह सिंटैक्स समर्थित है:

.foo {
    .bar & {
        color: red;
    }
}

Sass 3.3 के बाद से, निम्नलिखित सिंटैक्स मान्य है:

.foo {
    &bar, &-bar {
        color: red;
    }
}

आखिरकार, Sass 3.4 एक वैकल्पिक दृष्टिकोण प्रस्तुत करता है:

.foo {
    $foo: &;
    @at-root bar#{&} {
        color: red;
    }
}

इन तकनीकों का उपयोग करके, आप गतिशील रूप से बाल चयनकर्ता उत्पन्न कर सकते हैं जिसमें मूल चयनकर्ता के हिस्से शामिल हैं। मिश्रण बनाते समय यह विशेष रूप से उपयोगी होता है जिसे विभिन्न मूल वर्गों पर लागू किया जा सकता है।