Можно отключить: посетили?

Question

У меня есть информация о листинге страницы, где вы можете щелкнуть ссылку, чтобы получить более подробную информацию. Большинство из этих ссылок являются нормальными (т.е. нет класса), но на некоторых я установил класс «неопубликованный» (для неопубликованных изменений), где для стиля установлено значение color: red

Из-за a:visited, если либо синяя ссылка, либо красный нажимается ссылка, затем появляется фиолетовый (побывал). Я мог бы установить a:visited {color: blue} или {color: red}, но это испортит либо ссылки, которые иначе были бы окрашены в красный цвет, либо те, которые были бы окрашены в синий цвет.

Возможно ли каким-либо образом отключить стиль a: посещено полностью? Если нет, есть ли другой способ обойти эту проблему?

Answer 1

Вы можете переписать a:visited{...} в свой собственный стиль. Например, если вы хотите ссылку, чтобы остаться красными для неопубликованных посещенных ссылок, то вы:

a.unpublished:visited{ 
    color:red; 
} 

Если вы просто хотите, чтобы цвет якоря, чтобы остаться таким же, как родительский элемент анкера можно использовать наследовать:

a:visited { 
    color: inherit; 
} 

Answer 2

Существует не какой-то суперкод, который это делает. Но вы можете настроить CSS следующим образом:

Главная Link Цвет:

a{color:blue;} 

посещенной ссылки Цвет:

a:visited {color:blue;} 

Заменить синий с вашим собственным цветом. Это позволит установить цвет основной ссылки и посещенный цвет ссылки на то же самое и достичь желаемого результата.