是否可以设计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 {
            ...
        }
    }
}