Sass 使用SCSS'；当前选择器'；用于匹配以相同文本开头的所有类名的功能

假设我们有类似名称类的

HTML

名称
描述

我想使用

SCSS的

当前选择器

功能对其进行不同的样式设置：

.header {
   &-* {} // doesn't work

   &-name {} // works fine

   &-description {} // works fine
}

如何使用

scs

匹配所有类似

标题的类？
我不想这样解决这个问题：

.header {
   &-name, &-description {} // I don't want that solution, because in real case I have like 20 such selectors

   &-name {}

   &-description {}
}

我知道我可以在这里使用strict
CSS
：

div[class^='header-']{}

但我想知道，在一个街区内不重复是否可能，我认为在SCSS中不可能。我提出的最接近的解决方案是使用一个与变量组合的循环：

$values: (
 'value1',
 'value2'
);

@each $value in $values {
  .header-#{$value} {
    // Your code here
  }
}

编辑

更好的方法是：将其转换为mixin：

@mixin all($base, $names...) {
  @each $name in $names {
    .#{$base}-#{$name} {
      @content;
    }
  }
}

并称之为：

$values: (
 'value1',
 'value2'
);

@include all($values) {
  // Your code here
}

你的问题有点让人困惑，请你重新措辞好吗？@Supercool真的很难做到这一点：D我试图重新措辞，但不知道它是否改变了任何东西，比如你想改变名称和描述的样式？谢谢。Sass大师确实存在：D