Больше "Try it Yourself" примеры ниже.
Определение и использование
: Активный селектор используется для выбора и стиль активной ссылки.
Активной ссылка становится при нажатии на нее.
Совет:: активный селектор может быть использован на всех элементах, а не только ссылки.
Tip: Используйте : ссылку селектора в стиль ссылок на непосещенных страниц, то : побывал селектор ссылок стиля посещенных страниц, а также : парения селектор стиля ссылок при наведении курсора мыши на них.
Note: : активный должно располагаться после: зависании (if present) он (if present) , в определении CSS для того , чтобы быть эффективным!
| Версия: | CSS1 |
|---|
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает селектор.
| селектор | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2,0 | 3.1 | 9.6 |
Примечание: IE8 и более новые версии поддерживают: активный селектор по всем элементам. IE7 поддерживает только: активный селектор по ссылкам.
CSS Синтаксис
:active {
css declarations ;
}
Еще примеры
пример
Выберите и стиль а <р>, <h1> и <a> элементом при нажатии на нее:
p:active, h1:active, a:active {
background-color: yellow;
} Попробуй сам " пример
Выберите и стиль непосещенная посетил, наведите курсор мыши, и активные ссылки:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over
link */
a:hover {
color: red;
}
/*
selected link */
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 Псевдо