Tạo kiểu cho liên kết đang active với CSS

Bộ chọn :active

:active áp dụng kiểu khi người dùng **đang click và giữ** chuột trên liên kết (hoặc nút). Thường dùng để tạo hiệu ứng "nhấn xuống".

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    a:active {
      background-color: green;
    }
  </style>
</head>
<body>
  <a href="https://qries.com">Chào mừng đến Qries</a>
  <p>Click và giữ chuột trên liên kết để thấy hiệu ứng.</p>
</body>
</html>

Khi click chuột vào liên kết, nền chuyển xanh lá. Thứ tự khai báo khuyến nghị (LVHA): :link → :visited → :hover → :active.