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

前端之家收集整理的这篇文章主要介绍了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>

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

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

原文链接:https://www.f2er.com/css/218213.html

猜你在找的CSS相关文章