CSS (On hover) : How to select self + other Element

Asked Apr 23 '18 at 11:59

Active Apr 23 '18 at 12:09

Viewed 757 times

Let's say I have some DOM like this:

<div class="container">
    <a class="one">Go to One</a>
    <a class="two">Go to Two</a>
</div>

How do I select both <a> when I hover on either one of <a> without using their Parent Container?

I was able to do it by using their parent <div>, like this:

.container:hover a.one,
.container:hover a.two {
    color: blue;
}

.. it was working.

But I don't want to use their Parent Container here.

Question

Is it possible to select both SELF + Other Element (without using their Parent Container)?

edited Apr 23 '18 at 12:05

asked Apr 23 '18 at 11:59

夏期劇場

you cannot, there is no way to have previous selector with CSS – Temani Afif Apr 23 '18 at 12:03
.one:hover { color: red; } – Dhaval Jardosh Apr 23 '18 at 12:05
1

You could select the next element a using the selector `a + a` or `a ~ a` but you can't select a previous element. At least just using CSS. – Fecosos Apr 23 '18 at 12:08