:active

    0
    342

    Псевдокласс :active определяет стиль для активной ссылки. Активная ссылка — это ссылка на которую нажали. Состояние стилей сохраняется до тех пор, пока не отпустили нажатие.

    :active — динамический псевдокласс, который срабатывает, когда пользователем была нажата ссылка или кнопка. Действует с момента нажатия до момента, когда нажатие отпустили. Данный псевдокласс, в основном, используется для того, чтобы подсказать пользователю, роль элемента на который он нажимает, к примеру, указывает, что это ссылка или другой динамический элемент. Другими словами, позволяет обозначить обратную связь между нажатием на элемент и действием следующим за нажатием.

    Официальный синтаксис

    Пример

    Следующие правила стилей, зададут стилизацию для разных html элементов, вы можете задавать свои любые стили элементам.

    Демо

    Для демонстрации примера использования данного псевдокласса, мы применили его на якорные ссылки и на блок с текстом:


    Поддержка браузерами

    Поддержка псевдокласса :active браузерами, зависит от того, к какому элементу он применяется.

    Так если он применяется к ссылке — <a>, то поддерживается всеми основными браузерами: Chrome, Firefox, Safari, Opera, Internet Explorer, и на Android и iOS.

    На любых других элементах, поддерживается в: Chrome, Firefox, Opera, Internet Explorer 8+, и на Android.

    ПОДЕЛИТЬСЯ
    Предыдущая статья::selection
    Следующая статья:checked
    Постоянный автор на exabyte.ws. Специализируюсь на Wordpress, Javascript & jQ, REST API. Любые вопросы связанные с Web разработкой вы можете задать лично или в группе вконтакте.

    ОСТАВЬТЕ ОТВЕТ

    Пожалуйста оставьте комментарий!
    Введите ваше имя