buenas. hay algo que quisiera saber. hasta ahora, para que un elemento de una página
cambie haciendo
hover sobre otro elemento, el elemento que
cambia tenía que meterlo dentro del elemento sobre el que hago
hover. por ejemplo, el siguiente código:
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>
el código en sí hace, al hacer
hover en
rojo, que aparezca
amarillo. si os fijáis, el
div amarillo he tenido que incluirlo dentro del
div rojo.
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