Это действительный CSS?

Question

У меня на странице есть пейджер с якорями ... Я использую следующую CSS ...

.page-numbers a {
color:#808185; cursor:pointer; text-decoration:none;outline:none;
}
.page-numbers a:hover {
text-decoration:underline;
}
.page-numbers a:visited {
color:#808185;outline:none;
}

Но мой тег привязки, кажется, не принимает CSS выше, вместо этого он использует CSS ниже,

a {
color:#0077CC; cursor:pointer; text-decoration:none;outline:none;
}
a:hover {
text-decoration:underline;
}
a:visited {
color:#4A6B82;outline:none;
}

Что я дал в верхней части моей таблицы стилей ... Любое предложение ...

Answer 1

Селектор .page-numbers a означает «тег привязки внутри тега с классом page-numbers», например:

<div class="page-numbers"><a>This would match</a></div>

Если вы имеете в виду тег привязки с классомpage-numbers, используйте:

a.page-numbers {
    color:#808185; cursor:pointer; text-decoration:none;outline:none;
}
....

Answer 2

Вы уверены, что ваши ссылки находятся в контейнере с классом номеров страниц?

Вы уверены, что ваша таблица стилей правильно связана со страницей?

Вы уверены, что это не ссылка на класс номеров страниц? В этом случае вам придется использовать css-селектор a.page-numbers, чтобы выбрать ссылку.