Псевдокласс active
Сегодня мы разберем псевдокласс, под названием active. Данный псевдокласс применяется не очень часто, но иногда его применение может быть Вам необходимо. Все что можно сказать об этом псевдоклассе - это то, что срабатывает он при активной ссылке. Осталось выяснить только то, когда ссылка считается активной? Ответ прост, как только мы кликнули на ссылку, сразу же она становится активной. Как только мы отпустили клавишу мыши, она не является активной. Приведу Вам простой пример использования данного псевдокласса.
<html>
<head>
<title>Псевдокласс active</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<a href="#">Обычная ссылка</a>
</body>
</html>
Применяем псевдокласс active для нашей ссылки:
a:active {
color: #f00;
}
Теперь, если вы кликните и не будете отпускать кнопку мыши, то увидите, как ссылка при нажатии становится красного цвета, помимо цвета Вы можете применять и другие CSS свойства. Вот мы и изучили псевдокласс active, который Вы можете в дальнейшем уже применять в своих проектах для создания сайтов. До скорого!
