:active¶

Псевдокласс :active соответствует элементу в момент, когда он активируется пользователем.

Он позволяет странице среагировать, когда элемент активируется. Взаимодействие элемента с мышью — это, как правило, время между нажатием и отпусканием пользователем кнопки мыши. Также псевдокласс :active срабатывает при использовании клавишы TAB на клавиатуре. Обычно это используется для HTML-элементов <a> и <button>, но может применяться и к другим элементам.

Это свойство может быть переопределено любыми другими псевдоклассами, относящимся к ссылке, такими как :link, :hover и :visited, описанными в последующих правилах. Чтобы стилизировать нужные ссылки, вам нужно ставить правило :active после всех других правил, относящихся к ссылке, как определено правилом LVHA-порядком: :link — :visited — :hover — :active.

Примечание: В системах с много-кнопочными мышами, CSS3 указывает, что псевдокласс :active должен применяться только к первой кнопке; для праворуких мышей — это обычно самая левая кнопка.

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

Синтаксис¶

/* Selects any <a> that is being activated */
a:active {
    color: red;
}

Спецификации¶

Описание и примеры¶

HTMLCSS

<a href="#">This link will turn lime while you click on it.</a>

/* Unvisited links */
a:link {
  color: blue;
}
/* Visited links */
a:visited {
  color: purple;
}
/* User hovers */
a:hover {
  background: yellow;
}
/* Active links */
a:active {
  color: lime;
}

См. также¶

Связанные псевдоклассы :link, :visited, :hover

Ссылки¶

Псевдо-класс :active ^{MDN (рус.)}