css - 是否可以制作一个 CSS 选择器来选择多个可能的标识符中的任何一个？

Question

我有一些 CSS 比它看起来需要的要大得多，我想知道是否有办法通过编写从多个标识符中挑选的选择器来压缩它。

这是一个例子：

.scrollbar.horizontal:hover .button
{
}
.scrollbar.horizontal:active .button
{
}

我想浓缩为：

.scrollbar.horizontal:(active|hover) .button
{
}

有没有允许这样做的语法？

Answer 1

除非您发现将选择器连接在一起是一种解决方案，否则不是：

.scrollbar.horizontal:hover .button, 
.scrollbar.horizontal:active .button {

}

使用像 LESS 或 SASS 这样的 CSS 预处理器可以清理它：

.scrollbar.horizontal {
    &:hover, &:active {
        .button {
            ...
        }
    }
}