При наведении на ссылку из главного меню, загорается подсветка, но при отведения мыши от этой ссылки подсветка исчезает. Как сделать так что бы активная ссылка подсвечивалась? При наведении указателя на ссылку
При отведении указателя
.bigmenu
li.dropdown.open:nth-child(2n+1) a:hover
background: $red
opacity: 0.75
li.dropdown.open:nth-child(2n+2) a:hover
background: $blue
opacity: 0.75
Я обычно ссылке, которая предполагает быть активной на этой странице, присваиваю какой-то класс или идентификатор (к примеру, id='active') и задаю ей параметры (фон и т.д.). И так на каждой странице для каждой ссылки.
p {
width: 200px;
cursor: pointer;
}
p:hover {
background-color: blue;
}
p#active {
background-color: gold;
}
<p>Меню</p>
<p>Контакты</p>
<p id="active">Цены</p>
<p>О нас</p>
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники