Сброс фонового значения для ссылки: посетил против:

Question

Я просто потратил впустую день, выясняя, что a:visited У селектора в CSS отключены все атрибуты, кроме нескольких, которые напрямую связаны с цветом (см. здесь: http://www.impressivewebs.com/styling-visited-links/).

Во всяком случае, мне интересно, если можно сбросить набор атрибутов для a:link? у меня есть a:link Селектор, который заполняет фон с помощью градиента CSS, но было бы неплохо, если бы он стал серым для a:visited,

В соответствии с новой реализацией вы можете установить background-color за a:visited, но, к сожалению, это игнорируется background атрибут для a:link так как a:visited не может использовать background сейчас.

Все, что я хотел бы сделать, это сбросить фон для a:visited чтобы background-color используется. Кто-нибудь знает возможно ли это?

Answer 1

Убедитесь, что вы объявляете a:visited после a, В противном случае a отменит это.

a {
   background: #ff0000;
}
a:visited {
   background: url( none );
}

Answer 2

Используйте вместо: ссылку для цвета фона

см. скрипку здесь

a{
    background: green;
}
a:visited{
    background: orange;
}

Answer 3

Дайте вашей гиперссылке стиль отображения встроенного блока

a{
  display: inline-block;
  background-color: red; 
  //this becomes the default bgcolor; override it in subsequent pseudo state styles
}

Это позволяет вам указать цвета фона для ваших гиперссылок.

Вы должны обычно указывать стили для гиперссылок в следующем порядке

• a: ссылка - обычная, не посещенная ссылка
• a:ited - ссылка, которую посетил пользователь
• a: hover - ссылка, когда пользователь наводит на нее курсор
• a: active - ссылка в момент нажатия

В этом порядке стиль посещенной ссылки переопределяет обычный стиль ссылки. Таким образом, ваш CSS для посещенных будет применен после того, как вы нажмете на ссылку.