Đôi khi bạn buộc phải viết inline CSS, ví dụ trong HTML email templates — tùy email/newsletter provider.
Nhưng làm sao để có hover effect với inline CSS?
Không thể, nhưng bạn có thể tạo cùng hiệu ứng hover bằng JavaScript onMouseOver và onMouseOut method.
Giả sử bạn muốn đổi màu hyperlink khi hover (hoặc mouseover) từ xanh sang đỏ:
<a href="#your-url-path" onMouseOver="this.style.color='red'" onMouseOut="this.style.color='green'">Click here to Subscribe</a>Kết quả:
Nói chung, inline CSS không lý tưởng, nhưng đôi khi bạn buộc dùng code kém lý tưởng để làm việc xong.