26 lines
1.4 KiB
Markdown
26 lines
1.4 KiB
Markdown
![]() |
---
|
|||
|
title: Active
|
|||
|
localeTitle: активный
|
|||
|
---
|
|||
|
## активный
|
|||
|
|
|||
|
Активный селектор CSS: изменяет стиль элемента HTML, когда пользователь активирует элемент. Этот селектор обычно обеспечивает подтверждение пользователя, которое они нажали на элемент. Активный селектор наиболее часто используется для элементов `<a>` и `<button>` но может использоваться для всех элементов.
|
|||
|
|
|||
|
Если используется несколько псевдоселекторов CSS, активный переключатель должен появиться после селектора:.
|
|||
|
|
|||
|
В приведенном ниже примере, когда пользователь нажимает на ссылку, цвет текста будет изменяться с черного на красный, пока действие клика не прекратится.
|
|||
|
|
|||
|
```css
|
|||
|
a {
|
|||
|
color: black;
|
|||
|
}
|
|||
|
|
|||
|
a:active {
|
|||
|
color: red;
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
#### Дополнительная информация:
|
|||
|
|
|||
|
* [Веб-документы MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:active)
|
|||
|
* [W3 Школы](https://www.w3schools.com/cssref/sel_active.asp)
|