Как я могу решить эту проблему наследования ссылок CSS?

Question

Это поставило меня в тупик, если я попробовал пару вещей - опять же, я не очень опытен, так что я могу просто ошибиться. В основном я хочу иметь разные стили ссылок для навигации и нумерации страниц. Стиль #navigation переопределяет мой стиль .pagination, и не имеет значения, является ли пагинация классом или идентификатором. Я также попытался вставить! Важное в стилизацию пагинации, но тогда навигация наследует пагинацию (для проверки наследования использовался firebug).

#navigation a:active, a:link, a:visited, a, a:focus {
color: #ffde2f;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
text-decoration: none;
}

#navigation a:hover {
color: #ffffff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
text-decoration: none;
} 

.pagination a:active, a:link, a:visited, a, a:focus {
color: #fff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
}

.pagination {
color: #fff;
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

Answer 1

попробуйте это изменение

.pagination a:active, a:link, a:visited, a, a:focus {

до

.pagination a:active, 
.pagination a:link, 
.pagination a:visited, 
.pagination a, 
.pagination a:focus {

Answer 2

Используйте дочерний селектор :

#navigation > a
{
  ...
}

.pagination > a
{
  ...
}

Это не поддерживается IE6, но оно умирает.

Answer 3

Измените #navigation, используйте класс для тега, а не стиль для идентификатора. Стилизация по идентификатору более конкретна, следовательно, получает более высокий приоритет в стилизации.