是否有可能制作一个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 {
}

使用CSS预处理器如LESS或SASS可以清理它:

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