Задать вопрос
@Dark19
javascript

Как сверстать такое меню?

Здравствуйте, подскажите как сверстать такое меню как на картинке?
008b03cb26ab497fb96fde8c49b9a8f6.png
У каждого пункта есть маркер, а при наведении цвет фона пункта меняется и маркер этого и соседнего пункта пропадает. Я задавал маркер как фон, но вот при наведении не знаю как спрятать соседний маркер?
  • Вопрос задан
  • 284 просмотра
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 1
@bonilka
Используйте сестренские селекторы
https://jsfiddle.net/bonilka/pkybw97m/2/
Тут в место точек, поставил звездочки "*", но суть надеюсь поймете.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Negatiff
@Negatiff
Делаю сайты
Вот так можно: https://jsfiddle.net/Ldzttb2e/
.menu__link:after {
 ...
}

.menu__item:hover > .menu__link:after {
    display:none;
}
Ответ написан
3 комментария
3 комментария
@dmitryKovalskiy
программист средней руки
К примеру - на события mouseover,mouseleave добавляйте или удаляйте кусочек разметки с этой точкой
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен директолог с опытом работы
19 апр. 2024, в 10:02
6000 руб./за проект
Помощь с парсингом XML файла яндекс товаров
19 апр. 2024, в 09:46
500 руб./за проект
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Ещё заказы