【问题标题】:Concatenate multiple selectors in less在less中连接多个选择器
【发布时间】:2015-01-20 19:26:06
【问题描述】:

我正在尝试这样做:

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

期待这个结果:

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

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

谢谢

【问题讨论】:

    标签: css css-selectors less


    【解决方案1】:

    这不是用伪类实现的,而是with the & character in a nested rule

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

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

    【讨论】:

    • 谢谢@BoltClock。我忘了说我已经用 & 实现了这一点,但我正在寻找更易于维护的东西,因为在我的 less 中我有更多的选择器,例如:.a, .b, .c, .d, .e, .f, .g{} 和另一行中的 .h, .i, .j, .k, .l, .m {} 等等。这就是为什么我一直在寻找不同的东西。
    猜你喜欢
    • 2021-09-21
    • 2011-12-27
    • 1970-01-01
    • 2014-08-15
    • 2011-05-13
    • 1970-01-01
    • 2018-08-09
    • 2015-07-06
    • 1970-01-01
    相关资源
    最近更新 更多