是否可以创建内联伪样式?
例如,我可以做如下的事情吗?
<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>
如果您可以强制您的用户在页面顶部放置“样式控件”,您可以在所有自定义类中渲染所有自定义类,而不是在每个控件旁边渲染,这将是非常非常糟糕的事情(浏览器将重新启动渲染每次遇到一个风格块,散布在您的页面上的很多风格块将导致渲染缓慢)。
不幸的是,这个问题没有优雅的解决方案。