SASS @extend使用通配符

Question

我的课程很少.remove()，txt-lg，txt-md，txt-sm，我想@extend它

txt-tn

所以.sp-slides{ @extend .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 */
}