我有一个情况下，我必须写内联CSS代码，我想应用悬停样式的锚。
我如何使用一个:悬停在内联CSS内的HTML样式属性?
例如，你不能可靠地在HTML电子邮件中使用CSS类。
当前回答
你不能完全按照你描述的去做，因为a:hover是选择器的一部分，而不是CSS规则。样式表有两个组件:
selector {rules}
内联样式只有规则;选择器隐式为当前元素。
选择器是一种表达性语言，它描述了一组匹配类xml文档中的元素的标准。
然而，你可以接近，因为从技术上讲，一个风格集几乎可以去任何地方:
<html>
<style>
#uniqueid:hover {do:something;}
</style>
<a id="uniqueid">hello</a>
</html>
其他回答
它不是内联CSS，但它是内联的。
<a href=“abc.html” onMouseOver=“this.style.color='#0F0'” onMouseOut=“this.style.color='#00F'”>Text</a>
我同意影子的说法。您可以使用onmouseover和onmouseout事件通过JavaScript更改CSS。
不要说人们需要激活JavaScript。这只是一个风格问题，所以如果有一些访问者没有JavaScript也没关系;) 尽管大多数Web 2.0都使用JavaScript。例如Facebook(大量JavaScript)或Myspace。
你可以在过去的某个时候这样做。但现在(根据同一标准的最新修订，即候选人推荐)你不能这样做了 ．
简单的回答是:你不能。
长话短说:你不应该。
给它一个类名或id，并使用样式表应用样式。
:hover是一个伪选择器，对于CSS来说，它只在样式表中有意义。没有任何内联样式的对等物(因为它没有定义选择标准)。
回应行政长官的评论:
关于动态添加CSS规则的好脚本，请参阅完全Pwn CSS with Javascript。关于这个主题的一些理论，请参见Change样式表。
另外，不要忘记，如果可以的话，还可以添加到外部样式表的链接。例如,
<script type="text/javascript">
var link = document.createElement("link");
link.setAttribute("rel","stylesheet");
link.setAttribute("href","http://wherever.com/yourstylesheet.css");
var head = document.getElementsByTagName("head")[0];
head.appendChild(link);
</script>
注意:以上假设有一个头部部分。
你不能完全按照你描述的去做，因为a:hover是选择器的一部分，而不是CSS规则。样式表有两个组件:
selector {rules}
内联样式只有规则;选择器隐式为当前元素。
选择器是一种表达性语言，它描述了一组匹配类xml文档中的元素的标准。
然而，你可以接近，因为从技术上讲，一个风格集几乎可以去任何地方:
<html>
<style>
#uniqueid:hover {do:something;}
</style>
<a id="uniqueid">hello</a>
</html>
