Quiero cambiar los colores de los otros enlaces cuando paso el mouse sobre un solo enlace.
Por ejemplo, cuando paso el cursor sobre un solo enlace, los enlaces restantes son de un color diferente, es decir, amarillo, pero el único enlace sobre el que paso el puntero sigue siendo azul.
a, a:visited, a:active { text-decoration: none; color: red; } a:hover { color: blue; } <div> <a href="#about">About</a> <a href="#projects">Projects</a> <a href="#contact">Contact</a> </div>Puede aplicar el selector flotante para el padre.
a, a:visited, a:active { text-decoration: none; color: red; } .parent:hover a { color: yellow; } .parent a:hover { color: blue; } <div class="parent"> <a href="#about">About</a> <a href="#projects">Projects</a> <a href="#contact">Contact</a> </div>