Задать вопрос
@MaxGraph
Web-разработчик, верстальщик

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

Есть меню. У каждого пункта есть полосочка справа, сделанная через after (да, я видел похожий вопрос тут, но не понял решения).
Как можно при наведении на 2 пункт скрывать after первого, наводить на 3 - скрывать after второго и т.д.?
Все ссылки блочные, со своей шириной заданной.
  • Вопрос задан
  • 631 просмотр
Подписаться 1 Простой Комментировать
Ответ пользователя Stalker_RED К ответам на вопрос (2)
Stalker_RED
@Stalker_RED
Не нужно делать никаких специальных штук для того, чтобы скрыть что-то у предыдущего элемента. Просто показывайте полоску только в том случае, если на элемент наведена мышь.
li:hover::after {
   /* здесь стили полосочки */
}

https://jsfiddle.net/h9fwL2j2/
Ответ написан