Как применить псевдокласс :hover
к такому классу: header.main-header .header .social-link > li
? Пробовал вот так: header.main-header .header .social-link > li:hover
и вот так: .social-link > li:hover
, но не срабатывает такой класс (браузеры не видят). Подскажите пожалуйста.
html:
<ul class="social-link">
<li><a target="_blank" href="#" data-toggle="tooltip" title="" data-original-title="Мы на Linked In"><i class="fa fa-linkedin"></i></a></li>
<li><a target="_blank" href="#" data-toggle="tooltip" title="" data-original-title="Мы на Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a target="_blank" href="#" data-toggle="tooltip" title="" data-original-title="Мы в Twitter"><i class="fa fa-twitter "></i></a></li>
<li><a target="_blank" href="#" data-toggle="tooltip" title="" data-original-title="Мы в Вконтакте"><i class="fa fa-vk"></i></a></li>
<li><a target="_blank" href="#" data-toggle="tooltip" title="" data-original-title="Мы в Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a target="_blank" href="#" data-toggle="tooltip" title="" data-original-title="Мы в Одноклассниках"><i class="fa fa-odnoklassniki"></i></a></li>
</ul>