Отключить изменение цвета тега привязки при посещении

Question

Отключить изменение цвета тега привязки при посещении

Я должен отключить изменение цвета тега привязки при посещении. Я сделал это:

a:visited{ color: gray }

(ссылка серого цвета перед посещением). Но это способ, когда я явно указываю цвет после посещения ссылки, что снова является изменением цвета.

Как я могу отключить изменение цвета тега привязки при посещении без каких-либо явных изменений цвета?

544 6

html css anchor

6 ответов:

Comments

Ничего не найдено.

Rich Bradshaw · Accepted Answer · 2016-05-02 01:30:08

вы не можете, вы можете только стиль посещаемых государств.

для других людей находят это, убедитесь, что у вас есть их в правильном порядке:
a {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

Ryan · Accepted Answer · 2011-11-04 20:23:34

Если вы просто хотите, чтобы цвет якоря оставался таким же, как родительский элемент якоря, вы можете использовать наследование:
a, a:visited, a:hover, a:active {
  color: inherit;
}
обратите внимание, что нет необходимости повторять правило для каждого селектора; просто используйте разделенный запятыми список селекторов (порядок имеет значение для якорных псевдо-элементов). Кроме того, вы можете применить псевдо-селекторы к классу, если вы хотите выборочно отключить специальные цвета привязки:
.special-link, .special-link:visited, .special-link:hover, .special-link:active {
  color: inherit;
}
Ваш вопрос только спрашивает о посещенном состоянии, но я предположил, что вы имели в виду все штаты. Вы можете удалить другие селекторы, если хотите разрешить изменения цвета на всех, кроме посещенных.

Rob Lokhorst · Accepted Answer · 2016-10-16 07:19:55

на :hover переопределить :visited, и убедиться :visited это то же самое, что и исходный цвет,:hover должны прийти после :visited.

так что если вы хотите отключить изменение цвета,a:visited прежде a:hover. Вот так:
a { color: gray; }
a:visited { color: orange; }
a:hover { color: red; }
отключить :visited изменить вы бы стиль его с не псевдо класса:
a, a:visited { color: gray; }
a:hover { color: red; }

Kyle · Accepted Answer · 2011-09-03 10:59:37

либо удалите селектор, либо установите его в тот же цвет, что и ваш текст.

VooDoo · Accepted Answer · 2016-05-02 01:27:31

вы можете решить эту проблему путем вызова a:link и a:visited селекторы вместе. И следуйте за ним с a:hover селектор.
a:link, a:visited
{color: gray;}
a:hover
{color: skyblue;}

Moliere · Accepted Answer · 2015-12-13 12:10:30

a:visited {
    text-decoration: none;
}
но это повлияет только на ссылки,которые еще не были нажаты.