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

Publicado por Anderzone Heller
hace 7 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 7 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!