Как сделать фокус при наведении
405
15 ноября 2017, 00:28
При наведении на ссылку из главного меню, загорается подсветка, но при отведения мыши от этой ссылки подсветка исчезает. Как сделать так что бы активная ссылка подсвечивалась? При наведении указателя на ссылку
При отведении указателя
.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
Answer 1
Я обычно ссылке, которая предполагает быть активной на этой странице, присваиваю какой-то класс или идентификатор (к примеру, 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>
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50339 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31950 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26313 visits
- Как через css изменить цвет png изображения? 11770 visits
- Blob video url download 11316 visits
- Php curl запрос через прокси с авторизацией 10724 visits
- Работа с captcha vk api 9522 visits
© "hostciti.net" 27.3.2026 | 17:16