我如何使用CSS选择通配符和使用通配符值与SCSS属性(How can I use css wild

2019-10-23 04:30发布

我有一个设立在那里,我想选择基于在SCSS局部类元素。

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

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

其中,{}前缀是通配符前缀我希望对阵。

这可能吗?

Answer 1:

你所要做的,虽然不明白你为什么会想这样做? 它需要更多的输入:

Mixin

@mixin myMixin($name) {

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

用法

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

产量

.class-name {
    // YOUR STYLES
}


文章来源: How can I use css wildcard selectors and use the wildcard value as an attribute with scss