Нужен цвет текста CSS для: hover, чтобы иметь приоритет над: посещения

Question

У меня есть код CSS, который показывает цвет фона при наведении. Текст белый на синем фоне.

В противном случае, если нет парения, текст будет синим с белым фоном. Однако при посещении ссылки текст остается синим с синим фоном при наведении.

Как заставить цвет текста при наведении указывать приоритет?

a:link{
    color:#3399cc;
}

a:hover{
    background-color:#3399cc;
    color:#ffffff;
}
a:visited{
    color:#3399cc;
}
a:active{
    color:#3399cc;
}

Answer 1

Я думаю, что указание данных стиля для :hover после данных стиля для :visited достаточно, чтобы сделать трюк:

a:visited{  
    color:#3399cc;  
}  
a:hover{  
    background-color:#3399cc;  
    color:#ffffff;  
}

Answer 2

См. Эрик Мейер статья на эту тему: Заказ состояний связей

Предполагается, что вы используете «link-посещения-hover-active» LVHA-правило , ссылаясь на порядок псевдоклассов среди правил CSS. Комментарии приводят некоторые легко узнаваемые аббревиатуры при заказе (добавление :focus в пакет):

• L ord V ader's F ormer H andle, A накин
• L ord V ader F roze H и A ss

Answer 3

если я не ошибаюсь, все, что вам нужно сделать, это изменить порядок, поставить класс: hover после класса: visted в таблице стилей

Answer 4

LoVeHAte = ссылка, посещение, наведение, активное

Answer 5

Одним из способов будет использование ключевого слова !important:

a:visited
{
    color:#3399cc;
}
a:hover
{
    background-color: #3399cc;
    color: #ffffff !important;
}

Это обеспечит преимущество :hover.

Это может также помочь заменить ваш a:visited hover, что означает элемент <hover> (не существует!), На a:visited:hover.

Как уже упоминалось, изменение порядка стилей должно быть достаточным исправлением: более поздние определения имеют приоритет над более ранними.