@ at-root a＃{＆}がエラーになる

Question

@ at-rootと補間を使用しようとすると、エラーが発生します...しかし、なぜ...私はちょうど使用していますテストのためのアウト・オブ・ブックの例と私はまだエラーを取得：

.button { 
 
    @at-root a#{&} { 
 
    color: green; 
 
    } 
 
}

SASS /パーシャル/ _site-title.scssのエラーSASS/Site.scss（28行目：無効なCSS "@ at-root a＃{"：予想される式（例：1px、太字））は "&} {"）

機能はそこにあるはずです、私はコンパス1.0.3と組み合わせてSass 3.4.22を使用していますので、おそらくdev環境問題を考えていますか？私はMacで作業するのに慣れていますが、私はruby 2.2.5p319（i386バージョン）のWindows 7コンピュータを使用しています。

どのような考えですか？

Answer 1

このような補間はできません。

が.scss.erb拡張子を持ち、その後、ERBで補間を行うには、ファイルの名前を変更します。

.button { 
    @at-root a<%= "my_string_inserted_with_ruby" %> { 
    color: green; 
    } 
} 

しかし、私は不明だ... &何をあなたは挿入しようとしている、そしてなぜあなたはあるさ補間でそれをやっている？問題を支援するが、私はあなたのコードをコンパイルする場合

Answer 2

私は、答えを持っていない

.button { @at-root a#{&} { color: green; } }それはそれは間違いなくそう期待

a.button { color: green; }

としてこれにコンパイル

dev環境問題のように聞こえる。申し訳ありませんが、私はもっと助けません。私はノードマシンでatomを使用しています。ノードシース& sass-autocompileです。