Не могу найти, где задается hover-эффект для элементов навигации. При наведении на элемент меню появляется белый бэкграунд (см. рисунок). Я в css его нигде не прописывал, через firebug тоже не обнаруживается, применяется именно к li. Искал в bootstrap.js - безрезультатно. Прошу помощи
<nav class="mainMenu"><a class="hamburger" href="#"><i class="fa fa-3x fa-bars" aria-hidden="true"></i></a>
<ul class="nav nav-pills" id="menu">
<li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">главная</a></li>
<li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">о проекте</a></li>
<li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">контакты</a></li>
</ul>
</nav>
Не там и не то искали
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #eee;
}
Бэкграунд серый, а не белый. Применяется не к li
, а к a
.
Через диспетчер вполне должен детектиться. Вероятно, не там искался.
Тянутся стили из bootstrap.css
:
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #eee;
}
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
пытаюсь применить плагин fancybox для галереи, чтобы при клике на одну из картинок открывалось модальное окно, в котором будет слайдер