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

Question

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

@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搜索：＆＃34;如果您想使用＆＃34;

该部分没有锚标记。