Is it possible to create a hover effect that changes not only the hovered "a" tag but also other "a" tags? Currently, I can only achieve the desired effect on the selected hover.
ul li{
list-style: none;
}
ul li a {
color: black;
}
ul li a:hover{
color: green;
background: orange;
}
ul li a:hover:not(a:hover){
color: red;
background: black;
} <ul>
<li>
<a>test</a>
</li>
<li>
<a>test</a>
</li>
<li>
<a>test</a>
</li>
</ul>I'm aiming for a hover effect where the selected link turns green with an orange background while the other links become red with a black background.