是否可以创建内联伪样式?
例如,我可以做如下的事情吗?
<a href="#" style="background-color:green;{hover:background-color:red;}">Coding Horror</a>
解决方法
不幸的是,不能使用内联CSS实现悬停效果。
这个问题的一个(差的)解决方法是让渲染时你的控件渲染样式块。例如,您的控件可以呈现为:
<style type="text/css"> .custom-class { background-color:green; } .custom-class:hover { background-color:Red; } </style> <a href="#" class="custom-class">Coding Horror</a>
如果您可以强制您的用户在页面顶部放置“样式控件”,您可以在所有自定义类中渲染所有自定义类,而不是在每个控件旁边渲染,这将是非常非常糟糕的事情(浏览器将重新启动渲染每次遇到一个风格块,散布在您的页面上的很多风格块将导致渲染缓慢)。
不幸的是,这个问题没有优雅的解决方案。
原文地址:https://www.jb51.cc/css/218213.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。