假设我想为变量定义一个全局值,然后覆盖特定选择器的值。根据SASS文档,这应该是可能的。
引用:
变量仅在定义它们的嵌套选择器级别内可用。如果它们在任何嵌套选择器之外定义,则可以在任何地方使用。
逻辑上讲,“绿色”和“红色”作为
然而事实并非如此,上述SASS编译为:
任何帮助理解这个的都会很有帮助。
引用:
变量仅在定义它们的嵌套选择器级别内可用。如果它们在任何嵌套选择器之外定义,则可以在任何地方使用。
逻辑上讲,“绿色”和“红色”作为
$text-color
的值仅在各自的嵌套选择器中可用,而在任何其他地方调用$text-color
时,例如在.foo
中,$text-color
将取一个“蓝色”的值。$text-color: blue;
.green {
$text-color: green;
color: $text-color;
}
.red {
$text-color: red;
color: $text-color;
}
.foo {
color: $text-color;
}
然而事实并非如此,上述SASS编译为:
.green {
color: green;
}
.red {
color: red;
}
.foo {
color: red;
}
任何帮助理解这个的都会很有帮助。
$my-widget-color-this
,$my-widget-color-that
... 令人失望。 - ChaseMoskal