Псевдокласс visited
В какой-то из статей, мы изучали псевдокласс active, при помощи которого можно применять стили к активной ссылке. А сегодня я расскажу Вам о похожем псевдоклассе visited. Я немного не точно выразился, не похожем, а точнее псевдоклассе, который также относится для работы со ссылками. Данный псевдокласс будет применяться к ссылкам, которые пользователь уже когда-либо посещал, т.е., кликал по ним. Ведь по умолчанию браузер самостоятельно меняет цвет посещенной ссылки, а уже при помощи псевдокласса visited, Вы сможете задавать собственное стилевое оформление. А теперь я приведу простой пример использования данного псевдокласса.
<html>
<head>
<title>Псевдокласс visited</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<a href="#">Ссылка</a>
<a class="visit" href="">Посещенная ссылка</a>
</body>
</html>
Применяем CSS стили, которые будут отвечать за посещенную ссылку:
a {
color: #00f;
}
.visit:visited {
color: #0f0;
}
Теперь если Вы кликните по первой ссылке, то ее цвет никак не изменится, потому что мы задали для всех ссылок постоянный цвет синий. А для второй ссылки мы специально создали отдельный класс, которому задали псевдокласс visited, и установили цвет посещенной ссылки зеленым. Теперь если вы кликните, по этой ссылке, то она изменит свой цвет, таким образом, пользователь сможет отличать посещенные им ссылки от непосещенных. На этом все о данном псевдоклассе, до скорого.
