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

Andrinzone - hace 10 meses

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.

Cristian Olaz - hace 10 meses

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

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

Saludos!