Tìm hiểu về Hover và lớp giả :hover trong CSS

Di chuột đề cập đến trạng thái của một phần tử khi con trỏ chuột của người dùng được đặt trên nó. Khi một phần tử được di chuột, nó thường được đánh dấu hoặc nhấn mạnh theo một cách nào đó để cho biết rằng đó là phần tử hiện được chọn hoặc tập trung.

Trong HTML và CSS, bạn có thể sử dụng lớp giả `:hover` để xác định kiểu cho các phần tử khi chúng được di chuột qua. Ví dụ: bạn có thể sử dụng lớp giả `:hover` để thay đổi màu nền của một phần tử, thêm bóng đổ hoặc sửa đổi trang trí văn bản của nó.

Dưới đây là ví dụ về cách bạn có thể sử dụng lớp giả `:hover` trong CSS:
```
#my-element:hover {
màu nền: #ff0000; /* nền đỏ khi được di chuột */
}
```
Điều này sẽ áp dụng các kiểu được xác định trong khối `:` cho bất kỳ phần tử nào có ID `my-element` khi nó được di chuột qua. Bạn cũng có thể sử dụng lớp giả `:hover` trên các bộ chọn khác, chẳng hạn như các lớp hoặc phần tử, để áp dụng kiểu cho các loại phần tử cụ thể khi chúng được di chuột qua.