html - 如何在内联 CSS 中写入 'a:hover'?

标签 html css inline-styles

我有一个情况,我必须编写内联 CSS 代码,并且我想在 anchor 上应用悬停样式。

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

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

最佳答案

简短的回答:你不能。

长答案:你不应该。

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

:hover 是一个伪选择器,对于 CSS , 仅在样式表中有意义。没有任何内联样式的等效项(因为它没有定义选择标准)。

对OP评论的回应:

参见 Totally Pwn CSS with Javascript 动态添加 CSS 规则的好脚本。另见 Change style sheet 有关该主题的一些理论。

此外,请不要忘记,如果可以的话,您可以添加指向外部样式表的链接。例如,

<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部分。

关于html - 如何在内联 CSS 中写入 'a:hover'?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55906235/

相关文章:

javascript - CSS 将文本置于图像之上

html - CSS填充父级

html - 如何让 div 随其内容展开?

jquery - 滚动时更改每个 div 中的图像背景不透明度

javascript - 背景位置固定在展开/折叠列表中

css - 屏幕调整大小时,Wordpress 主题自定义 css 不起作用

html - Box-Shadow 在 IE8 中悬停时不起作用

html - CSS 覆盖宽度和高度属性。为什么?

javascript - React - 如何避免这种内联样式

html - 我可以用 bgcolor 覆盖 td 的样式表 css 吗?