Hola a todos.
Hola roylugones.
Tienes que disculparme, hiciste una pregunta clara y directa,
Cita: 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?
no la entendí. Mis comentarios y ejemplos no eran los apropiados. Lo siento. Mis ejemplos eran una buena muestra de como relacionar elementos, pero en los ejemplos solo hay relaciones padre -> descendiente. Me parecen las más comodas y versatiles.
Pero tu consulta era como relacionar hermanos, al posicionarte en id='uno' cambiar las propiedades de un descendiente de id='grande'. Tambien se puede, pero el sistema es menos versatil
Creo que esto es exactamente lo que pedias:
Código HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <!-- correjido gracias a kahlito ☺ -->
<head>
<meta http-equiv='Content-Type' content='text/xml; charset=UTF-8'/>
<title>relacionando hermanos</title>
<style type="text/css">
div#uno:hover + div + div #tres { color: red; }
</style> </head>
<body>
<div id="uno">div id="uno" div id="uno" div id="uno" div id="uno" </div>
<div id="dos">div id="dos" div id="dos" div id="dos" div id="dos" </div>
<div id="grande">div id="grande" div id="grande" div id="grande"
<a href="#" id="tres">Enlace id='tres' <span>com span dentro</span> </a>
<a href="#">Enlace sin id <span>com span dentro</span> </a></div>
</body> </html>