SCSS：将CSS属性选择器与css变量一起使用

Question

我正在编写一个包含CSS属性选择器的SCSS mixin。

我希望属性选择器的值是变量。

例如

$variable: primary;
$selector: ".page";
#{$selector} [for="#{$variable}"];

这应该产生：.page [for=primary]

我试过以下

1. 转义变量：[for="#{$variable}"]

   这给出了错误：

     

   函数只能包含变量声明和控制指令。）

2. 连接：[for= + #{$variable} + ]

   这给出了错误：

     

   “... elector}之后的无效CSS [for =”：期望的interp_string，是“+＃{$ variable ...”）

3. 与引号连接："[for=" + $variable + "]"

   这给出了错误

     

   “... ctor}”后面的CSS无效[for =“+”：预期的数字或功能，是“$ variable ...”）