在SCSS中匹配类名

Question

我想使用mixin匹配我的类名中的一些字符串。它没有mixin，但是当我使用mixin时，我无法将变量传递给字符串。

工作正常

div[class^='myclass-'], div[class*=' myclass-'] {
  @content
}

什么不起作用

@mixin startWith($name){
 div[class^=$name], div[class*=' ' + $name'] {
  @content;
 }
}

Answer 1

您的代码中存在拼写错误。使用此

@mixin startWith($name){
 div[class^=$name], div[class*=$name] {
  @content;
 }
}