css – 是否可以创建内联伪样式？

是否可以创建内联伪样式？

例如，我可以做如下的事情吗？

<a href="#" style="background-color:green;{hover:background-color:red;}">Coding Horror</a>

原因之一是我正在开发一个创建UI元素的.NET库。我想生成HTML元素，可以在不使用外部样式表的情况下设置其悬停状态。

解决方法

不幸的是，不能使用内联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>

如果您可以强制您的用户在页面顶部放置“样式控件”，您可以在所有自定义类中渲染所有自定义类，而不是在每个控件旁边渲染，这将是非常非常糟糕的事情(浏览器将重新启动渲染每次遇到一个风格块，散布在您的页面上的很多风格块将导致渲染缓慢)。

不幸的是，这个问题没有优雅的解决方案。