明白了。下面是如何在处理页面的中途插入悬停状态，而不违反w3c规则。这是您不希望小部件生成的代码：
<div class="mywidget">
<style>.mywidget a {color:red}, . mywidget a:hover {color:blue;}</style>
<a>Link</a>
</div>
以下内容验证了这一点，并且相当优雅。在您的小部件中生成以下代码：
<div class="mywidget">
<a style="color:blue;"><span style="color:red;">Link</span></a>
</div>
在您的
style.css 您可以添加带有过渡效果的常规线条作为奖励：
.mywidget a span {transition:color 1s;}
.mywidget a:hover span {color:inherit !important;}
在Firefox 38、Chrome 34和IE 11中测试
