Установить селектор и стиль активной ссылки:
a:active
{
background-color: yellow;
}
Попробуйте сами »
Определение :active
Селектор :active используется для выбора и стилизации активной ссылки.
Ссылка становится активной, когда вы нажимаете на нее.
Совет: Селектор :active можно использовать для всех элементов, а не только для ссылок.
Совет: Используйте селектор :link по стилю ссылки на не посещенные страницы, селектор :visited по стилю ссылки на посещенные страницы, и селектор :hover селектор для стилизации ссылок при наведении курсора мыши на них.
Примечание: :active должена быть после :hover (если есть) в определении CSS для того, чтобы был эффект!
| Версия: | CSS1 |
|---|
Поддержка браузеров :active
Числа в таблице указывают первую версию браузера, которая полностью поддерживает селектор.
| Селектор | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS Синтаксис :active
:active {
css декларация;
}
Еще примеры :active
Установить селектор и стиль элемента <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%;
}
Попробуйте сами »
Связанные страницы :active
CSS учебник: CSS Ссылки
CSS учебник: CSS Псевдо классы