Código PHP:
<style type="text/css">
#rojo {
width:600px;
height:400px;
background-color:red;
}
#rojo #amarillo {
display:none;
}
#rojo:hover #amarillo {
display:block;
height:200px;
width:600px;
background-color:yellow;
position:relative;top:100px;
}
</style>
<div id="rojo">
<div id="amarillo"></div>
</div>
mi pregunta es la siguiente: ¿se puede hacer el mismo efecto, para cualquier efecto, pero sin tener que incluir el elemento que cambia dentro del elemento en el que hago hover? osea, que, para este ejemplo, amarillo no tenga que ir dentro de rojo.
en pocas palabras: quisiera saber cómo optimizar el código.
espero haberme explicado bien.
un saludo