Đôi khi bạn buộc phải viết CSS nội tuyến, ví dụ:trong các mẫu email HTML - tùy thuộc vào nhà cung cấp email / bản tin của bạn.
Nhưng làm thế nào để bạn có được hiệu ứng di chuột với CSS nội tuyến?
Bạn không thể, nhưng bạn có thể tạo hiệu ứng di chuột tương tự bằng cách sử dụng onMouseOver của JavaScript và onMouseOut phương pháp.
Giả sử bạn muốn thay đổi màu của siêu kết nối khi di chuột (hoặc di chuột qua) từ xanh lam sang đỏ:
<a href="#your-url-path"
onMouseOver="this.style.color='red'"
onMouseOut="this.style.color='green'" >Click here to Subscribe</a>Kết quả:
Nhấp vào đây để đăng ký
Nói chung, CSS nội tuyến không phải là lý tưởng, nhưng đôi khi bạn buộc phải sử dụng ít mã hơn lý tưởng để hoàn thành công việc.