Тильда в CSS работает не правильно или я ошибся?

Question

[rogiivs]

Помогите понять где моя ошибка и есть ли она, или это баг. Суть ошибки в том что при использовании тильды в css, правила применяются только к элементам которые предшествуют в DOM элементу к которому применяется тильда. Заранее спасибо!
Код ниже:
p.s. JS код добавил для того что бы наглядно показать ошибку.

Answer 1

[monochromer]

Селектор li:hover ~ .active::after можно прочитать так:
выбрать псевдоэлементы after элементов с классом active, которые идут после элемента li, на который навели указатель. Почитать про селектор можно здесь.

Comments

[rogiivs]

но в таком случае почему все происходит наоборот? стили применяются к элементам до li:hover ?

[Вадим Кот]

rogiivs, никаких наоборот - селектор отработает при наведении на первые три элемента списка и уберет псевдоэлемент у li.active. Селектор выбирает все siblings элементы нижестоящие. https://developer.mozilla.org/ru/docs/Web/CSS/Gene... https://css-tricks.com/almanac/selectors/g/general...

[rogiivs]

Вадим Кот, точно, дошло, извините я тупанул что т сильно