Problema hover in css

[emanuele112]

Salve a tutti sono nuovo quindi scusatemi in partenza.Vorrei sapere
come si puo' usare hover con due id diversi ma che fanno la stessa
cosa,ovvero

#box1{ border: 2px solid black; padding: 2em; border-radius: 1em;width: 28em;}
#box1:hover {color:red; background-color: yellow;}
#box2:hover {color:red; background-color: yellow;}
#box2{width: 35em;border: 4px solid black;padding: 2em;border-radius: 1em}
#box2:active{ color: blue; background-color: red;}
#box1:active{ color: blue; background-color: red;}

visto che voglio che tutti e due i box abbiano la stessa azione sia
con hover che active come posso scrivere una sola linea?
tipo

#box1,#box2:hover{color:red; background-color: yellow;}

ovviamente e' sbagliata perche' cosi' hover si applica solo a box2
quindi come potrei scriverla,se si puo'?Scusate per la domanda sicuramente semplice per voi ma sono agli inizi.
Vi ringrazio
Saluti