将类作为参数的 Sass mixin

标签 sass

我正在尝试创建一个将类作为参数的 Sass mixin:

@mixin myMixin($el){
  > #{$el}{
    background: white;
  }
}

.myClass1{
  @include myMixin(div);
}

上面的代码工作正常。即,接受元素。

但这调用了一个错误:
.myClass1{
  @include myMixin(.myClass);
}

我试过用引号括起来,#{}但仍然没有骰子。

奇怪的是,*选择器也不起作用。

最佳答案

你需要引用你的类:

.myClass1{
  @include myMixin(".myClass");
}

关于将类作为参数的 Sass mixin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23919806/

相关文章:

css - 将样式组合到 sass 中的元素和悬停元素

html - 如何使用非选择器为元素添加CSS

reactjs - 将 objectFit 与来自 gatsby-plugin-image 的 StaticImage 结合使用

html - 嵌套 Sass 访问

javascript - JS "//= require bootstrap/"语法是什么意思? (Bootstrap 3 Sass)

npm - 如何让 npm 使用来自本地 libsass-dev(由 apt 安装)的 sass 而不是下载自己的包?

css - Gulp 生成空的 css 文件(编译 sass 到 css)

xcode - 在使用 PhoneGap 构建的 xcode 上编译 haml、sass 和 coffeescript

html - CSS-如何获取连续类的第一个元素

css - 抽象 CSS