Giả lớp hover

Giả lớp hover thiết lập kiểu cho liên kết khi chúng ta di chuột qua. Thông thường giả lớp này được áp dụng cùng với các giả lớp link, visited và active.

Cú pháp

cssa:hover {
  
}

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, và nếu bạn nhấn và giữ chuột trái - 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