Посилання стає активним, коли користувач взаємодіє з ним — це відбувається в момент між клацанням за посиланням і відпусканням кнопки миші. За промовчанням браузери роблять активне посилання червоним, але за допомогою псевдокласу :active можна задати довільний колір активного посилання.
У прикладі 1 показано використання псевдокласу :active, при цьому для активних посилань задається колір фону та тексту, а також забирається підкреслення.
Приклад 1. Колір активного посилання<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Колір посилання</title> <style> a:active { background-color: #7D9B3D; /* Колір тла */ color: #FFF; /* Колір тексту */ text-decoration: none; /* Забираємо підкреслення */ } </style> </head> <body> <p><a href="#">Посилання для прикладу</a></p> <p><a href="#">Ще посилання</a></p> </body> </html>
Результат цього прикладу продемонстровано на рис. 1.
Мал. 1. Зміна стилю активного посилання