Rendez-vous
@Rendez-vous
Жадный к знаниям

Почему не меняется цвет текста активной ссылки?

Подскажите пожалуйста, почему не меняется (только)цвет текста активной ссылки?
Вот CSS код (без лишних стилей текста):
.pagination a {
	color: #3a3e3f;
	padding: 6px;
}
	.pagination a:hover, .pag-active {
	color: #fff;
	background-color: #f26c4f;
	}


В HTML вроде все стандартно:
<div class="pagination">
	<ul>
		<li><a class="pag-active" href="">1</a></li>
		<li><a href="">2</a></li>
		<li><a href="">3</a></li>
	</ul>
</div>

Вот фото то как получается, на 3-тий пункт наведен курсор (hover работает) :
2b41a8f3548e4c32977c62417ae5e386.png
  • Вопрос задан
  • 300 просмотров
Решения вопроса 1
igorperegudov
@igorperegudov
Frontend-developer
.pagination a:hover, li a.pag-active {
  color: #fff;
  background-color: #f26c4f;
  }


попробуйте
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Rendez-vous
@Rendez-vous Автор вопроса
Жадный к знаниям
Проблема была в весе селекторов.
И спасибо человеку, который, почему-то, удалил свой комментарий с ссылкой на "css вес селектора" :)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы