我怎么能写'a:悬停'在内联CSS?

我有一个情况下，我必须写内联CSS代码，我想应用悬停样式的锚。

我如何使用一个:悬停在内联CSS内的HTML样式属性?

例如，你不能可靠地在HTML电子邮件中使用CSS类。

当前回答

它不是内联CSS，但它是内联的。

其他回答

根据您的注释，您发送的是一个JavaScript文件。用JavaScript进行翻转。jQuery的$.hover()方法使它变得很容易，就像所有其他JavaScript包装器一样。这在JavaScript中也不是很难。

这是不可能的。您可以选择使用JavaScript或CSS块。

也许有一些JavaScript库可以将私有样式属性转换为样式块。但是这样代码就不符合标准了。

只能在外部样式表中使用伪类a:hover。因此，我建议使用外部样式表。代码是:

a:hover {color:#FF00FF;}   /* Mouse-over link */

在当前的CSS迭代中不支持内联伪类声明(不过，据我所知，在未来的版本中可能会支持)。

现在，你最好的办法可能是直接在你想要样式的链接上方定义一个样式块:

<style type="text/css">
    .myLinkClass:hover {text-decoration:underline;}
</style>
<a href="/foo" class="myLinkClass">Foo!</a>

你可以在过去的某个时候这样做。但现在(根据同一标准的最新修订，即候选人推荐)你不能这样做了．

推荐文章