3つのセレクタをa：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; 
}