如何在内联CSS中编写：hover？

作者

我有一个例子，我必须写内联CSS代码，我想在锚点上应用悬停样式

如何在HTML样式属性内的内联CSS中使用a:hover

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

简单回答：你不能

长回答：你不应该

给它一个类名或id，并使用样式表应用样式

：hover是一个伪选择器，对于CSS来说，它只在样式表中有意义。没有任何内联样式等效项（因为它没有定义选择条件）

对OP评论的回应：

有关动态添加CSS规则的好脚本，请参见完全使用Javascript的Pwn CSS。有关此主题的一些理论，请参见更改样式表

另外，不要忘记，如果可以的话，您可以添加到外部样式表的链接。比如说,

&lt；script type=“text/javascript”&gt；
var link=document.createElement（“链接”）；
setAttribute（“rel”、“样式表”）；
link.setAttribute（“href”http://wherever.com/yourstylesheet.css");
var head=document.getElementsByTagName（“head”）[0]；
头.子（链接）；
&lt/脚本&gt；

注意：以上假设存在头部部分

相关文章：

  1. 如何使图元水平居中
  2. 使用CSS更改HTML5输入的占位符颜色
  3. 为什么HTML认为“chucknorris”是一种颜色？
  4. 在CSS中设置单元格填充和单元格间距？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with