Уникальное место! Здесь можно легко заработать реальные деньги.
К вашим услугам несколько методов заработка!
Просматривайте сайты, читайте письма рекламодателей, выполняйте несложные и интересные тесты и задания за вознаграждение.
Вы сможете получить свои первые деньги уже сразу после начала работы.
Кликайте по баннеру ниже и начинайте работать!

SEO sprint - Всё для максимальной раскрутки!

Главная » Все материалы сайта » Справочник CSS-3 » Псевдоклассы

:link | Псевдокласс CSS

Псевдокласс :link

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
6.0+	1.0+	3.5+	1.0+	1.0+	1.0+	1.0+

Краткая информация

Применяется	К ссылкам (тег <a>)
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Псевдокласс :link применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление.

Существует строгий порядок установки подобных псевдоклассов для ссылок, придерживаться последовательности стоит только при условии наличия других псевдоклассов. Но это имеет отношение только к ссылкам, для остальных комбинаций соблюдение последовательности не актуально.

Порядок последовательности

a:link {
Свойство ( а ).
}
a:visited {
Свойство ( а ).
}
a:hover {
Свойство ( а ).
}
a:focus {
Свойство ( а ).
}
a:active {
Свойство ( а ).
}

Псевдокласс применим к ссылкам,создан в версии CSS1 и проходит валидацию согласно версии CSS3.

Синтаксис

a:link { ... }

Значения

Нет.

Пример

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>link</title>
 <style>
 a:link {
 color: #0000d0; /* Цвет ссылок */
 }
 a:visited {
 color: #900060; /* Цвет посещенных ссылок */
 }
 </style>
 </head>
 <body>
 <p><a href="#">Эта ссылка поменяет цвет при посещении</a></p> 
 </body>
</html>

Результат использования псевдокласса :link

Пример 2

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Псевдокласс :link</title>
<style type="text/css">
<!--
a:link {
font-size:15px;
}
a:visited {
color:green;
}
a:hover {
color:indigo;
}
a:active {
color:red;
}
-->
</style>
</head>
<body>
<a href="#">Пока ссылка не нажата, на неё
 действуют одни значения. При наведении на неё мышкой,
 значения поменяются. Если нажать - значения снова
 изменятся. И наконец, будучи посещённой, 
ссылка изменится в последний раз.</a>
</body>
</html>

Результат примера 2.

Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/

Поделись ссылкой на эту страницу с друзьями:

Категория: Псевдоклассы | Добавил: evkuriy (07.07.2013)

Просмотров: 535 | Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]