علامة الضم (&) في محددات SASS

في SASS، علامة الضم (&) لها أهمية خاصة عند استخدامها ضمن المحددات. كما هو موضح في مثال mixin المقدم، يمكن استخدامه لإلحاق جزء من المحدد الأصلي بمحدد فرعي.

بالنسبة لإصدارات Sass حتى 3.2، تكون الصيغة التالية مقبولة:

. فو { &, &.bar, bar, &:after, &[active] { اللون: أحمر؛ }

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

بالإضافة إلى ذلك، يتم دعم بناء الجملة هذا:

.foo { .بار وأمبير. { اللون: أحمر؛ }

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

من Sass 3.3 وما بعده، تكون الصيغة التالية صالحة:

.foo { &شريط، &-شريط { اللون: أحمر؛ }

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

أخيرًا، يقدم Sass 3.4 نهجًا بديلاً:

.foo { $فو: &; @at-root bar#{&} { اللون: أحمر؛ }

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

باستخدام هذه التقنيات، يمكنك إنشاء محددات فرعية تتضمن أجزاء من المحدد الأصلي ديناميكيًا. يعد هذا مفيدًا بشكل خاص عند إنشاء عمليات مزج يمكن تطبيقها على فئات أصل مختلفة.