在 SASS 中将伪元素选择器作为变量传递

Question

我想知道如何在 SASS 中将伪选择器作为变量传递。我有以下混合

@mixin pseudoawesome($fa-symbol, $pseudo) {
  &$pseudo { // <-- here is the error
    content: $fa-symbol;
    font-family: FontAwesome;
  }
}

我想像这样使用它：

@include pseudoawesome(' \f105', ':after');

但我不能将 :after 作为 $pseudo 的参数传递。这是否可能，或者根本不允许 SASS 使用变量作为选择器？

谢谢

Answer 1

是的，你可以。您必须在大括号内写变量名称：

#{$yourVariable}

@mixin pseudoawesome($fa-symbol, $pseudo) {
  &#{$pseudo} {
    content: $fa-symbol;
    font-family: FontAwesome;
  }
}

编辑：您可以在此处找到此信息： http://sass-lang.com/documentation/file.SASS_REFERENCE.html#variables_

只需使用 chrome 搜索："If you want to use"

该部分没有锚标记。