2015-09-07
202
В CSS также существует несколько псевдоклассов. С помощью псевдоклассов можно задать стиль в зависимости от состояния элемента или его положения в документе.
Для ссылок определено 4 псевдокласса:
link – ссылки, которые не посещались пользователем;
visited – посещенные ссылки;
active – активная (нажатая) ссылка;
hover – ссылка, на которую наведен курсор.
Пример:
<html>
<head>
<title>Пример</title>
<style>
A:link, A:visited {
color: black;
font-family: Verdana, sans-serif;
text-decoration: none;
}
A:hover {
color: #de7300;
text-decoration: underline;
}
</style>
</head>
<body>
<a href="index.html">Главная</a><br>
<a href="hobby.html">Мое хобби</a><br>
<a href="photo.html">Фотоальбом</a><br>
</body>
</html>
Псевдокласс (или псевдоэлемент) first-line – применяется для блочных элементов. Задает форматирование первой строки текста. Псевдокласс (или псевдоэлемент) first-letter – позволяет задать форматирование первой буквы текста.
Примеры:
· P:first-line {text-decoration: underline}
· P:first-letter {
color: red;
font-size: 200%;
border: red solid 1px;
padding: 2px;
margin: 2px;
}
