我有一个情景需要编写内联CSS代码，我想在锚点上应用悬停样式。
如何在HTML的style属性中使用a:hover实现？
例如，在HTML电子邮件中无法可靠地使用CSS类。
如何在内联CSS中编写'a:hover'？
1333
- Amr Elgarhy
10
31将HTML嵌入博客应用程序通常需要专门使用内联样式，特别是当您通过第三方客户端嵌入HTML并且无法访问用户的主题时。 - providence
11有一个提议的CSS标准可以解决这个问题；目前不清楚它在浏览器的支持情况（提示：可能需要使用类似于“-moz”等自定义标签）：http://www.w3.org/TR/2002/WD-css-style-attr-20020515 - Kato
36哎呀，有时候你只是在制作一个着陆页的原型，不想去分叉样式表或创建新的模板分支来测试绿色按钮是否更有效。唉。 - ElBel
2@FriendlyNeighborhoodIdiot 这个页面已经有13年的历史了，而且这个草稿也被放弃了。 - Tofandel
2我看到没有一个答案回应HTML电子邮件的用例。实际上，对于这种情况，您确实可以使用标准（嵌入式）CSS。并非每个电子邮件客户端都能接受它，但许多客户端可以。 - Nathan
显示剩余5条评论
24个回答
-1
您可以使用如下的内联样式表语句：
<style>#T1:hover{color:red}</style><span id=T1>Your Text Here</span>
- Ash90
-3
你只能在外部样式表中使用伪类a:hover。因此，我建议使用外部样式表。代码如下：
a:hover {color:#FF00FF;} /* Mouse-over link */
- user1466310
1
你肯定不需要外部样式表，只需使用“style”标签即可。 - Dmitri Zaitsev
-3
你可以通过添加类来实现id，但不要使用内联方式。
<style>.hover_pointer{cursor:pointer;}</style>
<div class="hover_pointer" style="font:bold 12pt Verdana;">Hello World</div>
这只有两行，但是你可以在任何地方重新使用这个类。
- bug
-4
我的问题是我正在构建一个网站，其中使用了许多图像图标，必须通过悬停在不同的图像上进行替换（例如，蓝色图像在悬停时变为红色）。 我为此提供了以下解决方案：
.container div {
width: 100px;
height: 100px;
background-size: 100px 100px;
}
.container:hover .withoutHover {
display: none;
}
.container .withHover {
display: none;
}
.container:hover .withHover {
display: block;
}<p>Hover the image to see it switch with the other. Note that I deliberately used inline CSS because I decided it was the easiest and clearest solution for my problem that uses more of these image pairs (with different URL's).
</p>
<div class=container>
<div class=withHover style="background-image: url('https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQrqRsWFJ3492s0t0NmPEcpTQYTqNnH188R606cLOHm8H2pUGlH')"></div>
<div class=withoutHover style="background-image: url('http://i.telegraph.co.uk/multimedia/archive/03523/Cat-Photo-Bombs-fa_3523609b.jpg')"></div>
</div>- Jochem Geussens
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接