Описание
: Фокус псевдо-класс используется для добавления специальных эффектов к элементу а элемент имеет фокус.
При определении псевдоклассов в блоке <style> ... </style> следует учитывать следующие моменты:
a: hover ДОЛЖЕН стоять после: link и: посещенный в определении CSS, чтобы быть эффективным.
a: active ДОЛЖЕН стоять после: hover в определении CSS, чтобы быть эффективным.
Имена псевдоклассов не чувствительны к регистру.
Псевдоклассы отличаются от классов CSS, но их можно комбинировать.
Возможные значения
Относится к
Элемент привязки / ссылки.
пример
Ниже приведен пример использования класса : focus для изменения цвета ссылок в фокусе .
<html>
<head>
<style type = "text/css">
a:focus {color: #0000FF}
</style>
</head>
<body>
<a href="/https/isolution.pro/html/index.htm">Click this Link</a>
</body>
</html>
Будет создана следующая ссылка. Это изменит его цвет на оранжевый, когда эта ссылка будет сфокусирована, затем вы сосредоточитесь на любой другой ссылке, чтобы увидеть, что этот цвет изменится, когда она потеряет фокус.