减少具有相同样式的多个类和伪类？

Question

如何在LESS代码中简化下面的css？

.push-nav > .active > a,
.push-nav > .active > a:hover,
.push-nav > .active > a:focus {
    background:#000;
    color: #fff;
}

我的尝试：

.push-nav > .active > a {
    &:focus,
    &:hover {
        background:#000;
        color: #fff;
    }
}

结果：

.push-nav > .active > a:focus,
.push-nav > .active > a:hover {
  background: #000;
  color: #fff;
}

.push-nav > .active > a缺失。

有什么想法吗？

Answer 1

.push-nav > .active > a因为你没有加入而遗失了。

＆符号&代表当前选择器。

添加：

.push-nav > .active > a {
    &,
    &:focus,
    &:hover {
        background: #00;
        color: #fff;
    }
}

在您的代码& = .push-nav > .active > a中。所以&:focus = .push-nav > .active > a:focus。