Pseudo-class active

Pseudo-class active thiết lập kiểu cho liên kết tại thời điểm nhấn vào nó (đã nhấn và chưa thả nút ra - trong lúc chúng ta chưa thả ra, các kiểu được thiết lập sẽ hoạt động).

Thông thường pseudo-class này được áp dụng cùng với các pseudo-class link, hover và active.

Cú pháp

cssa:active {
  
}

Ví dụ

Liên kết chưa truy cập sẽ có màu đỏ, liên kết đã truy cập - màu xanh lam. Nếu bạn di chuột qua nó - nó sẽ chuyển sang màu xanh lá cây, còn nếu bạn nhấn nút trái chuột và giữ nó - sẽ chuyển sang màu đen (trạng thái active):

html<a href="#">liên kết</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Xem thêm