Wie kombiniert man 3 Selektoren mit einem: Hover-Tag?

Question

Ich habe folgende CSS-Regeln:

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

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

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

Wie kann ich kombinieren diese in einer einzigen Regel? Ich habe versucht

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

aber es hat nicht funktioniert. Ich habe versucht, Kommas dazwischen zu setzen, auch ohne Erfolg.

Answer 1

Für breite Browser-Kompatibilität, werden Sie nur sich selbst wiederholen müssen:

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

Some day, :matches verwendbar sein könnte:

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

Wenn Sie etwas Ähnliches wollen, bevor dann, CSS Präprozessoren sind eine Option.

In diesem speziellen Fall, obwohl, schlägt die Struktur eine Klasse sinnvoll sein könnte:

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