css - 在 less 中连接多个选择器

Question

我正在尝试这样做:

.a:concat(.b, .c, .d)

期待这样的结果:

.a.b, .a.c, .a.d {}

显然这行不通，因为 LESS 中没有名为 concat 的函数。 我们可以通过其他方式实现这一目标吗？

谢谢

Answer 1

那不是用伪类实现的，而是with the & character in a nested rule :

.a {
  &.b, &.c, &.d {}
}

有趣的是，实际上为即将到来的选择器标准提出了一个伪类，不是:concat()而是:matches()。 , 语法相似。目前它在前缀之外未实现，但与此同时，使用 LESS 的方式略有不同。