为什么这个带有伪选择器的sass mixin不起作用？

Question

为什么这不起作用：

@mixin link($props) {
  &:link,
  &:visited { $props };
}

我一直收到这个错误：

  

无效的CSS＆＃34; ...选址{$ props＆＃34 ;: expected＆＃34;：＆＃34;，＆＃34;};＆＃34;

Answer 1

语法有点偏离几个地方，尝试类似：

@mixin link ($props) {
 &:hover,
 &:visited { color: $props; }
}

＆＃39;颜色＆＃39;可能是任何CSS规则。 我觉得这篇文章有一些很好的sass mixin示例供参考：http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/