Примечание: Псевдокласс a:focus подсвечивает положение табуляции для пользователей, применяющих для навигации клавиатуру. Этот псевдокласс поддерживают не все браузеры, поэтому он практически не применяется.

Важно: Все эти псевдоклассы имееют одинаковый вес (порядок выполнения браузером), поэтому порядок в котором они размещаются в файле CSS, имеет большое значение. Псевдокласс, который появляется в файле CSS позже, заменяет собой преведущий. Правильный порядок указан выше!

В HTML все ссылки имели обязательное подчеркивание снизу. В CSS появилась интересная возможность добавляя к псевдоклассам ссылок свойство text-decoration с различными значениями, влиять на подчеркивание ссылки. Это свойство может принимать следующие значения:

• text-decoration: none; - отключает поддчеркивание;
• text-decoration: overline; - подчеркивание сверху;

Довавляя свойство text-decoration в псевдоклассы ссылок можно создавать новые классы с очень интересными эффектами.

Кстати свойство text-decoration со значениями описанными выше, можно применять не только к ссылкам, но и к обычному тексту - эффект будет тот же.

Так же как и для простого текста мы можем задать для ссылок и другие свойства: определенный шрифт, размер шрифта, выделить ссылку жирным.

Давайте на нашей тестовой страничке для всех ссылок изменим шрифт на Arial, сделаем его жирным, величиной 12px. Не посещенные ссылки оставим синего цвета с нижним подчеркиванием, посещенные ссылки сделаем черного цвета, а вот ссылки в момент наведения курсора сделаем красного цвета и с верхним подчеркиванием.

Открываем файл со стилями style.css и добавляем в следующий код:

Листинг 5.1.