scss 使用&符号（&）与基本元素组合使用Sass

Posted 2021-05-18

// SASS ----

.item {
    color: black;
    @at-root {
        a#{&} {
            color:blue;
        }
    }
}

// Can also be written
.item {
    color: black;
    @at-root a#{&} {
        color:blue;
    }
}

// Output CSS ----
.item {
    color: black;
}
a.item {
    color: blue;
}