Código:
<style type="text/css">
<!--
#uno{
position:absolute;
top:20px;
left:20px;
width:100px;
height:50px;
margin:1px solid #000;
background:#FF0000;
}
#dos{
position:absolute;
top:80px;
left:20px;
width:100px;
height:50px;
margin:1px solid #000;
background:#0000FF;
}
#tres{
position:absolute;
top:15px;
left:200px;
width:300px;
height:120px;
margin:1px solid #000;
background:#0000FF;
overflow: hidden;
display: block;
}
#tres:hover{
background:#FF0000;
}
.invisible{
display:none;
}
-->
</style>
Código:
<body>
<div id="uno">
</div>
<div id="dos">
</div>
<div id="grande">
<a href="#" id="tres"><span class="invisible">texto invisible</span></a>
</div>
</body>
Ahí les he pegado los estilos y el body. Como ven les puse un ejemplo de lo más sencillo para que se pueda entender bien y puedan solucionar mi duda.
Es la siguiente: como pueden ver al pasar el raton por el ID="tres" me cambia de color como es normal. Bien. Pues lo que yo quiero saber es como tendría que hacer en CSS (si es que se puede) para que al pasar el ratón por ID="uno" o ID="dos" me cambie el color automáticamente del ID="tres". ¿Me entienden?
Quizá con CSS no se puede, pero que bien me vendría.
Un saludo y gracias.