СSS Селектор :active
Пример
Установить селектор и стиль активной ссылки:
a:active
{
background-color: yellow;
}
Редактор кода »
Определение и использование
Селектор :active используется для выбора и стилизации активной ссылки.
Ссылка становится активной, когда вы нажимаете на нее.
Совет: Селектор :active можно использовать для всех элементов, а не только для ссылок.
Совет: Используйте селектор :link по стилю ссылки на не посещенные страницы, селектор :visited по стилю ссылки на посещенные страницы, и селектор:hover селектор для стилизации ссылок при наведении курсора мыши на них.
Примечание: :active должена быть после :hover (если есть) в определении CSS для того, чтобы был эффект!
| Версия: | CSS1 |
|---|
Поддержка Браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает селектор.
| Селектор | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Примечание: IE8 и более новые версии поддерживают селектор :active на всех элементах. IE7 поддерживает только селектор :active по ссылкам.
CSS Синтаксис
:active {
css declarations;
}
Еще Примеры
Пример
Установить селектор и стиль элемента <p>, <h1> и <a> при нажатии на него:
p:active, h1:active, a:active {
background-color: yellow;
}
Редактор кода »
Пример
Установить селектор и стиль непросмотренных, посещенных, наведенных и активных ссылок:
/* непросмотренная ссылка */
a:link {
color: green;
}
/* посещенная ссылка */
a:visited {
color: green;
}
/* наведите указатель мыши на ссылку */
a:hover {
color: red;
}
/* выбранная ссылка */
a:active {
color: yellow;
}
Редактор кода »
Пример
Установить стиль ссылки с различными стилями:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Редактор кода »
Связанные Страницы
CSS учебник: CSS Ссылки
CSS учебник: CSS Псевдо классы
