Как скрыть :after у предыдущего элемента?

Question

Максим @MaxGraph

Web-разработчик, верстальщик

CSS

Как скрыть :after у предыдущего элемента?

Есть меню. У каждого пункта есть полосочка справа, сделанная через after (да, я видел похожий вопрос тут, но не понял решения).
Как можно при наведении на 2 пункт скрывать after первого, наводить на 3 - скрывать after второго и т.д.?
Все ссылки блочные, со своей шириной заданной.

Вопрос задан более трёх лет назад
631 просмотр

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2017-11-10 02:03:24

Не надо ничего скрывать, просто при :hover показывать его и готово!

.class:after{
   display:none;
   ...
}
.class:hover:after{
   display:block;
   ...
}

Как скрыть :after у предыдущего элемента?

Войдите на сайт