如何将3个选择器与：hover标签结合使用？

Question

我有以下的CSS规则：

#toolbar1 a:hover { 
    color: #415682; 
} 

#toolbar2 a:hover { 
    color: #415682; 
} 

#toolbar3 a:hover { 
    color: #415682; 
} 

我怎样才能将这些成一个单一的规则？我试过

#toolbar1 #toolbar2 #toolbar3 a:hover { 
    color: #415682; 
} 

，但没有奏效。我试过在这些之间放置逗号，也没有用。

Answer 1

对于广泛的浏览器兼容性，你只需要重复自己：

#toolbar1 a:hover, 
#toolbar2 a:hover, 
#toolbar3 a:hover { 
    color: #415682; 
} 

Some day，:matches可能是可用：

:matches(#toolbar1, #toolbar2, #toolbar3) a:hover { 
    color: #415682; 
} 

如果你想类似的东西在此之前，CSS预处理器是一种选择。

在这种特殊情况下，虽然，结构表明一类可能是适当的：

.toolbar a:hover { 
    color: #415682; 
}