Select all sibling elements, not just following ones
===

The intent is to target all the other elements of the same type & same level whenever one is hovered. Tried

    a:hover ~ a

Only to notice that this doesn't target the elements before the hovered one... Is there a solution with css? Or should I just somehow js my way out of this