私はスタイルシートをLESSからSCSSに変換している最中であり、可変スコープで見ているものについて混乱しています。簡単な例で再現:
$my-color: #000;
#logo {
$my-color: #555;
color: $my-color;
}
a {
color: $my-color;
}
次のCSSに変換します。
#logo {
color: #555555;
}
a {
color: #555555;
}
LESSでの同等の構成により、スコープ内の変数宣言がより一般的な宣言をオーバーライドするため、a color
値は次のようになりますが、そのスコープ内でのみです。変数スコープはSCSSのように機能しませんか?同じことを達成する方法はありますか?#000
#logo