How to change the colours of other links when hover on a single link? [duplicate]
Solution 1:
You can apply the hover selector for the parent.
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>