Tạo kiểu cho liên kết khi di chuột qua (hover) với CSS

Pseudo-class :hover

:hover áp dụng kiểu khi người dùng **di con trỏ chuột** qua phần tử. Hoạt động trên mọi phần tử, không chỉ liên kết.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    a:hover {
      background-color: orange;
    }
  </style>
</head>
<body>
  <a href="https://www.google.com">Google</a>
  <p>Di chuột qua liên kết để thấy nền cam.</p>
</body>
</html>

Khi hover chuột vào "Google", nền chuyển cam. Trên thiết bị cảm ứng, :hover thường kích hoạt khi tap (có thể gây rối), cần xử lý kỹ.