sass - SASS＆ボディ？&.class は機能しますが、機能しません

Question

次の SASS では、class-a にも class-b がある場合、適用される色は青です。

ただし、body 要素に class-a がある場合、色は赤になると予想されますが、代わりにエラーが発生します。

.class-a {
    &.class-b {
        color: blue;
    }
    &body {
        color: red;
    }
}

Answer 1

これは現在不可能です。

現在、& は構文的に要素セレクターと同じであるため、1 つと一緒に表示することはできません。これは、どこで使用できるかを明確にするのに役立つと思います。たとえば、foo&bar は有効なセレクターではありません (または、foo& bar または foo &bar と同等になる可能性があります)。

この動作を変更するための議論が行われていますが、これが Sass の一部になるのはまだ先のことかもしれません。

• https://github.com/nex3/sass/issues/282
• https://github.com/nex3/sass/issues/286

それまでの間、実際にできることは次のとおりです。

.class-a {
    &.class-b {
        color: blue;
    }
}

body.class-a {
    color: red;
}