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

Question

[Денис Щетинин]

Подскажите пожалуйста, почему не меняется (только)цвет текста активной ссылки?
Вот 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 работает) :

Comments

[Lynn «Кофеман»]

https://yandex.ru/yandsearch?text=css+вес+селектора

Answer 1

[Игорь Перегудов]

.pagination a:hover, li a.pag-active {
  color: #fff;
  background-color: #f26c4f;
  }

попробуйте

Comments

[Денис Щетинин]

Большое спасибо, все работает)

Answer 2

[Денис Щетинин]

Проблема была в весе селекторов.
И спасибо человеку, который, почему-то, удалил свой комментарий с ссылкой на "css вес селектора" :)