串联多个选择器

src*_*ceo 3 css css-selectors less

我正在尝试这样做:

.a:concat(.b, .c, .d)
Run Code Online (Sandbox Code Playgroud)

预期结果:

.a.b, .a.c, .a.d {}
Run Code Online (Sandbox Code Playgroud)

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

谢谢

Bol*_*ock 6

这不是通过伪类实现的,而是通过&嵌套规则中的字符实现的

.a {
  &.b, &.c, &.d {}
}
Run Code Online (Sandbox Code Playgroud)

有趣的是,实际上为即将到来的Selectors标准提议了一个伪类,而不是:concat()as :matches(),具有相似的语法。目前尚未在前缀之外实现,但与此同时,这与LESS有所不同。