在SASS的不同级别的2个父选择器将输出嵌套到CSS中的相同级别?

时间:2016-02-01 15:36:24

标签: sass

如何在SASS中有2个不同的父选择器,它们处于不同的嵌套级别,但输出到同一级别?

所以我需要这样的输出:

.body-1.body-a .element {
    color: red;
}

.body-1.body-b .element {
    color: blue;
}

这是我到目前为止的尝试:

.element {
    .body-1 & {
        &.body-a & {
            color: red;
        }

        &.body-b & {
            color: blue;
        }
    }
}

这与此问题相同,但对于SASS而言不是Have 2 classes as parent selectors at different levels in Less?

0 个答案:

没有答案