如何使用css通配符选择器并将通配符值用作scss的属性

Question

我有一个设置，我想在scss中选择基于部分类的元素。

我知道我可以使用div[class*='-suffix']的通配符选择器，但是在类定义中，我想使用该通配符值。例如：

.{prefix}-glyph
{
   @include mymixin({prefix})
}

其中{prefix}是我希望匹配的通配符前缀。

这可能吗？

Answer 1

你想做什么，虽然不明白你为什么要这样做？它需要更多的输入：

密新

@mixin myMixin($name) {

  .#{$name}-name {
      @content;
  }
}

用法

@include myMixin(class) {
    // YOUR STYLES
};

输出

.class-name {
    // YOUR STYLES
}