Coffeescript 是否可以从coffee脚本中读取变量？

我在scss文件中定义如下

$base1: #362E2B;
$base2: #43452f;
$base3: #ffce58;

$("#menu a").hover(
 -> $(@).css("background","white").css("color","#43452f")
 -> $(@).css("background","#43452f").css("color","#ffce58")
)

在这样一个咖啡剧本里

$base1: #362E2B;
$base2: #43452f;
$base3: #ffce58;

$("#menu a").hover(
 -> $(@).css("background","white").css("color","#43452f")
 -> $(@).css("background","#43452f").css("color","#ffce58")
)

如果可能的话，我避免在咖啡脚本中使用幻数。

---

有没有办法从coffee脚本读取scss变量？

没有，这是不可能的。SASS变量仅驻留在服务器端，它们永远不会到达客户端

---

与其直接将样式应用于元素，不如在元素上切换语义类，让CSS来应用特定的颜色。

不，这是不可能的。SASS变量仅驻留在服务器端，它们永远不会到达客户端

---

你不应该直接将样式应用于元素，而应该在元素上切换语义类，让CSS来应用特定的颜色。

你不能在CSS中定义类，而只是在Coffeescript中使用类名吗？对不起，我不明白你的意思。你能给我举个例子吗？你可以用“addClass（'base2-hover'）代替背景和颜色。实际上，对于这个特定的示例，您需要代码吗？这不能用CSS:hover伪类完成吗？哦，我完全忘记了CSS:hover。谢谢你的建议。你不能在CSS中定义类，而在Coffeescript中使用类名吗？对不起，我不明白你的意思。你能给我举个例子吗？你可以用“addClass（'base2-hover'）代替背景和颜色。实际上，对于这个特定的示例，您需要代码吗？这不能用CSS:hover伪类完成吗？哦，我完全忘记了CSS:hover。谢谢你的建议。