在Less中简化类和伪类的组

Question

我怎样才能简化这个表达式？

.rss,
.rss:hover {
    background-color: #ff8900;
}

如果有这样的使用方法吗？

.rss, &:hover {
    background-color: #ff8900;
}

Answer 1

不确定它是否确实简化，但有一个选项可能正在使用parent selector &，如下所示：

.rss {
   &, &:hover {
    background-color: #ff8900;
  }
}

在这种方法中，您可以指定应在.rss和.rss:hover之间共享哪些声明。

---

另一个选项可能是extend .rss @Harry指出：{/ p>

.rss {
  background-color: #ff8900;
  &:hover:extend(.rss) {};
}

如果.rss和.rss:hover都应具有相同的CSS声明集，则

This method会很有用。

---

可以看出，在这个特定实例中，上述两种方法都没有真正简化选择器，但它们可能在更复杂的情况下有所帮助。

Answer 2

实际上是这样的：

.rss {
   &:hover {background-color: #ff8900;
}

它添加：hover到rss，同时创建

  

的.rss

     

的.rss：悬停

你的css文件的类