АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP, Python или фреймворки. Сегодня последний день для записи! Жми!
152 of 313 menu
Вступайте в телеграмм-канал сайта code.mu: новинки, статьи, интервью, задачи, бесплатные курсы и тренинги. Жми для вступления:)

Псевдокласс active

Псевдокласс active задает стили для ссылки в момент нажатия на нее (нажали и не отпустили кнопку - пока мы ее не отпускаем, заданные стили работают).

Обычно этот псевдокласс применяется совместно с псевдоклассами link, hover и active.

Синтаксис

a:active { }

Пример

Непосещенная ссылка будет красного цвета, посещенная - голубого. Если вы наведете на нее мышкой - она станет зеленого цвета, а если нажмете левую кнопку мыши и будете ее удерживать - станет черной (состояние active):

<a href="#">ссылка</a> a:link { color: red; } a:visited { color: blue; } a:hover { color: green; } a:active { color: black; }

:

Смотрите также

  • псевдокласс link,
    который задает стиль непосещенной ссылке
  • псевдокласс visited,
    который задает стиль посещенной ссылке
  • псевдокласс hover,
    который задает стиль ссылке по наведению
  • псевдокласс focus,
    который задает стиль ссылке в фокусе
byenru