Tengo dos elementos div
, lo que quiero conseguir es que al pasar con el ratón sobre el primer elemento se cambie el color del segundo, y al pasar sobre el segundo se cambie el color del primero. No se si se puede hacer con pseudo clases.
Este es el código que tengo
#div1
{
position: absolute;
top: 10px;
left: 10px;
}
#div1:hover
{
color: red;
}
#div2
{
position: absolute;
top: 30px;
left: 10px;
}
<body>
<div id="div1">Div número 1</div>
<div id="div2">Div número 2</div>
</body>
¿Se puede indicar de alguna manera con CSS
que al pasar sobre el div
número 1 se cambie el color del div
número 2 o viceversa?
#div1:hover + #div2
) pero no al revés. Nunca puedes ir hacia atrás en el DOM en CSS