SASS @extend 带通配符

Question

我的课程很少，如txt-lg、txt-md、txt-sm、txt-tn，我想@扩展它

.sp-slides{
  @extend .txt-*;
}

所以* 将替换为txt- 类的所有lg、md、sm、tn。

是否有可能以某种方式使用通配符选择器等？

Answer 1

没有。扩展不适用于通配符或其他语言中常见的其他形式的部分匹配。

扩展可以匹配组成另一个选择器的单个简单选择器：

%foo.foo-bar {
    /* foo-bar */
}

%foo.foo-boo {
    /* foo-boo */
}

%foo.foo-buzz {
    /* foo-buzz */
}

.my-selector {
    @extend %foo;
}

输出：

.foo-bar.my-selector {
  /* foo-bar */
}

.foo-boo.my-selector {
  /* foo-boo */
}

.foo-buzz.my-selector {
  /* foo-buzz */
}