我有一个 case ,我必须编写内联CSS代码,我想在锚上应用悬停样式.
如何在HTML样式属性中使用a:hover
内嵌CSS?
例如,你不能在HTML邮箱中可靠地使用CSS类.
我有一个 case ,我必须编写内联CSS代码,我想在锚上应用悬停样式.
如何在HTML样式属性中使用a:hover
内嵌CSS?
例如,你不能在HTML邮箱中可靠地使用CSS类.
简短的回答是:你不能.
答案很长:你不应该.
给它一个类名或id,并使用样式表应用样式.
:hover
是一个伪 Select 符,对于CSS,它只在样式表中有意义.没有任何内联样式等效项(因为它没有定义 Select 标准).
对操作员 comments 的回应:
有关动态添加CSS规则的好脚本,请参见100.关于这个主题的一些理论,请参见101.
此外,别忘了,如果可以的话,可以添加指向外部样式表的链接.例如
<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>
注意:以上假设有head个截面.