Как получить другой цвет посещенной ссылки в 2 разделах HTML?

Question

как я могу иметь другой цвет vlink на одной html-странице? Я вставляю vlink, и он контролирует все vlink на всей странице. С другой стороны, я хотел бы иметь другой цвет vlink в определенном разделе. Я попытался поместить атрибут vlink как стиль в тег, который уже использует класс стиля в файле css. Я попробовал:

<div class="box" style="vlink:#FFFFFF">

Но это испортило стиль коробки, и белый цвет vlink тоже не выходит. Что я сделал не так? Заранее спасибо.

Answer 1

Создайте одну таблицу стилей, как показано ниже для всей ссылки, и class1 для ссылки, где требуется другой цвет для ссылки

A:visited - will do the work for you 


<style type="text/css">
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}

.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: red;}
</style>

Проверьте пример: http://www.echoecho.com/csslinks.htm#

Answer 2

Я рекомендую добавить класс к элементу , содержащему , где вы хотите, чтобы посещенные ссылки отображались по-разному, чтобы вам не приходилось добавлять классы ко всем ссылкам внутри него ... Например,:

a { text-decoration: none }
a:visited { color: blue }
a:hover { text-decoration: underline; color: green }
.altLinks a:visited { color: red }

Тогда:

<div class="altLinks">
    <a href="#">This link will be red once it's been visited.</a>
</div>
<a href="#">This link will be blue once it's been visited.</a>
Both links will be green on hover.

Answer 3

Вы можете использовать разные классы для a:visited для разных ссылок и получать желаемые результаты.