Como aplico css en dos elementos al mismo tiempo? Cuando se hace hover

Publicado por Anderzone Heller
hace 10 años

Hola de nuevo Comunidad! Esta vez tengo una consulta muy sencilla. Tengo un html más o menos como el siguiente

<div class="item">
    <h5>AAA</h5>
    BBB
</div>

Lo que quiero hacer con CSS es que cuando el cursor pase por encima del item el color del h5 se ponga en verde y el color de donde dice BBB se ponga en rojo. Yo se que puedo cambiarle el color a un elemento con el hover de esta forma:

.item:hover {
    color: red;
}

Pero cómo hago para cambiarselo tambien al h5? Gracias.

css
Respuesta de Cristian Olaz
hace 10 años

Hola! Para lograr eso solo repetís la misma definición incluyendo el h5:

.item:hover {
    color: red;
}
.item:hover h5 {
    color: green;
}

Saludos!