Usando el pseudoselector
hover se establecen las propiedades de tal elemento en un evento mouseover
Y de paso, todos los elementos visibles de la web tienen como propiedad background,
transparent, predeterminadamente, lo que significa que son transparentes y por tanto, una propiedad de color de fondo definida para un nodo padre, afecta a todos los hijos. Si uno de los hijos tiene un color distinto de transparent se aplica tal color a sí mismo y sus hijos a excepción de este, y así sucesivamente.
Código CSS:
Ver original<* se establece el color para una clase */
#clase {
background: red;
}
/* se añade una excepción para uno de los elementos hijos. En este caso, directo */
#clase > div:first-child {
background: green;
}