Question

我收到此错误

@mixin clear-fix($where) {
  &:{$where} {
    clear: both;
    content: '';
    display: block;
  }
}

语法错误：“＆amp;：”之后的无效CSS：期望的伪类或伪元素，是资产/ src / sass / _setup.scss第2行的“{$ where} {”

我希望能够声明after或before并将其放入我想要的类中，就像

一样

.container {
   max-width: 1200px;
   width: 100%;

   @include clear-fix('after');
}

供参考：SASS Documentation

Answer 1

这是修复的代码:(您可以在此工具http://sassmeister.com/中测试）

@mixin clear-fix($where) {
  &:#{$where} {
    clear: both;
    content: '';
    display: block;
  }
} 

.container {
  max-width: 1200px;
  width: 100%;

  @include clear-fix('after');
}

使用SASS mixin清除Float

1 个答案: