Перейти к содержанию

: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;
}

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

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

<a href="#">This link will turn lime while you click on it.</a>
a:link {
  color: blue;
} /* Unvisited links */
a:visited {
  color: purple;
} /* Visited links */
a:hover {
  background: yellow;
} /* User hovers */
a:active {
  color: lime;
} /* Active links */

См. также

Ссылки