Tất nhiên, :hover
không thực sự hoạt động trên thiết bị màn hình cảm ứng, vì không có khái niệm di chuột. Thay vào đó, kiểu :hover
được áp dụng khi người dùng chạm vào một phần tử và bị xóa khi người dùng chạm vào phần tử khác
Vấn đề tương tự cũng xảy ra với :active
và không có cách nào để hiển thị các kiểu hoạt động trên các thành phần không phải là liên kết trên thiết bị màn hình cảm ứng
Lớp giả ________ 1 cho phép bạn xác định kiểu của phần tử mà con chuột di chuột qua. :active
có nghĩa là. một yếu tố mà người dùng nhấn giữ nút chuột trên
Trong các trình duyệt rất cũ, chúng chỉ hoạt động với các liên kết, nhưng ngày nay chúng đã được chuyển sang tất cả các phần tử khác
Đoạn này đặc biệt dành cho iOS. Nó có một trình xử lý title [trống] và do đó, các thao tác chạm phải được đăng ký
Các. bộ chọn di chuột Lớp giả CSS được sử dụng để tạo kiểu cho các phần tử khi chuột di chuột qua chúng. Nó có thể được sử dụng trên mọi yếu tố
Chúng tôi có thể tạo kiểu cho các liên kết cho các trang chưa được truy cập bằng cách sử dụng. bộ chọn liên kết, để tạo kiểu cho các liên kết đến các trang đã truy cập, hãy sử dụng. bộ chọn đã truy cập & để tạo kiểu cho liên kết đang hoạt động, hãy sử dụng. bộ chọn hoạt động. Nếu. liên kết và. các bộ chọn đã truy cập có trong định nghĩa CSS thì để thấy được hiệu ứng, chúng ta phải thêm. bộ chọn di chuột sau nó
cú pháp
element :hover{ // CSS declarations; }
ví dụ 1. Ví dụ này minh họa việc thay đổi màu nền khi di chuột qua một phần tử
HTML
:hover
3__
:hover
3____63
4
5
4
7
:hover
39
:hover
3____71____60>
_______71____8>
đầu ra
ví dụ 2. Ví dụ này đang hiển thị một khối ẩn khi di chuột qua văn bản
HTML
:hover
3__
:hover
32
4
>
4
4
>
6
4
5
4
4
08
_______13____71____602____9
:hover
3__
_______71____78>
_______71____8>
đầu ra
ví dụ 3. Ví dụ này minh họa việc thay đổi màu phông chữ khi di chuột qua một phần tử
HTML
:hover
3__
:hover
3____63
4
39
:hover
39
:hover
3____71____60>
_______71____8>
đầu ra
Ví dụ 4. Ví dụ này minh họa việc thay đổi họ phông chữ của văn bản khi di chuột qua nó.
HTML
:hover
3__
:hover
3____63
4
81
:hover
39
:hover
3____71____60>
_______71____8>
đầu ra
Ví dụ 5. Ví dụ này minh họa việc thay đổi trang trí văn bản thành gạch chân khi di chuột qua một phần tử