css - 如何让 LESS 将 CSS 规则与逗号结合起来

Question

例如:

.icon-pinterest{
    color:#CC2027;
    background: #fff;
    &:hover{
        color:#CC2027;
        background: #fff;
    }
}

这将生成:

.icon-pinterest {
  color: #cc2027;
  background: #fff;
}

.icon-pinterest:hover {
  color: #cc2027;
  background: #fff;
}

但我想要它如下:

.icon-pinterest,
.icon-pinterest:hover {
  color: #cc2027;
  background: #fff;
}

我想也许我可以使用扩展表达式？

Answer 1

这是不可能的，因为它一开始似乎并不那么明智(例如，将悬停应用于默认样式已经相同的元素)并且对于那些罕见的默认 CSS 语法仍然是可能的你需要它的情况。所以你只需使用

.icon-pinterest,
.icon-pinterest:hover {
  color: #cc2027;
  background: #fff;
}