Как изменять соседние элементы на ховер?

Question

[wiyod]

Как сделать чтобы при наведении на элемент (меню в данном случае) изменялся не сам пункт меню, а все остальные?

Сейчас элементы красные, при наведении меняется элемент на фиолетовый. Как сделать чтобы он оставался красным, но менял все остальные на фиолетовый? https://codepen.io/kodej/pen/yzWERb

Answer 1

[profesor08]

При наведении мышкой на меню, задай стиль всем элементам, а элементу над которым курсор, другой стиль.
.menu:hover .link
.menu:hover .link:hover

Comments

[wiyod]

Спасибо!

Answer 2

[Stalker_RED]

На css никак, разве что на js.

Вообще на css можно влиять на соседние блоки, но только на те, что ниже в DOM-дереве.
https://jsfiddle.net/aww2usxo/