Стилизация ссылок в CSS - PullRequest
Новая
       1

Стилизация ссылок в CSS

1 голос
/ 10 апреля 2010

Почему не работает следующая стилизация ссылки? 

<html>
<head>
<style type="text/css">
    a:link {color:#123456;}    /* unvisited link */
</style>
</head>

<body>
    <a href="http://www.google.com">Visit Google</a>
</body>
</html>

Спасибо!

Ответы [ 3 ]

3 голосов
/ 10 апреля 2010

В некоторых общих рекомендациях иерархия стилей ссылок работает следующим образом: 

a:link {
color: #ff0000;
}
a:visited {
color: #ff0000;
}
a:hover {
color: #cccccc;
}
a:focus {
color: #cccccc;
}
a:active {
color: #cccccc;
}

Лучше всего всегда применять все это, независимо от того, выполняете ли вы их по отдельности, как указано выше, или вот так: 

a:link, a:visited {
color: #ff0000;
}
a:hover, a:focus, a:active {
color: #cccccc;
}

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

2 голосов
/ 10 апреля 2010

Это потому, что ссылка была посещена.

Попробуйте 

a {color: blue;} /* unvisited link */
a:visited {color: orange;} /* visited link*/

Если вы удалите последнее объявление, ссылки будут синим независимо от :visited.

0 голосов
/ 10 апреля 2010

И не стоит полагаться на то, что это сработает в будущем:

http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...