在元素标签中更改 <a> 的悬停/活动颜色答案

【问题标题】：Change <a>'s hover / active color within the element tag在元素标签中更改 <a> 的悬停/活动颜色
【发布时间】：2013-09-21 00:15:25
【问题描述】：

我正在处理电子邮件签名（显然我没有附加的 .css 样式表）有没有办法设置链接的悬停/活动颜色（可能在标签内？）感谢您花时间回答:) 坟墓

在此处复制： How to write a:hover in inline CSS?

【问题讨论】：

喜欢这个？ stackoverflow.com/questions/1033156/…

标签： html css

【解决方案1】：

您不能在 HTML 中这样做，因为活动和悬停是 CSS 选择器而不是属性。因此，尽管您可以在 HTML 中设置对象的高度和宽度，但您必须使用 CSS 来使用活动和悬停选择器。

这样

HTML

<ul>
    <li><a class="links" href="#"> Link1 </a></li>
    <li><a class="links" href="#"> Link2 </a></li>
    <li><a class="links" href="#"> Link3 </a></li>
</ul>

CSS

ul il a.links:hover{
color: blue;
}

ul il a.links:hover{
color: royalblue;
}

【讨论】：

谢谢；这就是我需要知道的。不使用 CSS 样式表是不可能的 :)
不客气！是的，CSS 是必需的。建议您将样式定位在元素之外，如果可能的话，放在外部；这将启用缓存；但这取决于您作为网站管理员的题外话。

【解决方案2】：

尝试使用

<h1 style="---">

喜欢

<h1 style="color:red">hi</h1>

【讨论】：

【解决方案3】：

您可能只能设置活动颜色的样式，这是推荐的方法

 <a href="http://somesite.com/" style="color:#ff00ff"><span style="color:#ff00ff">this is a link</span></a>

设置<a>标签的样式，并用类似颜色样式的<span>标签包裹它以增强效果。

不幸的是，您将无法使用内联 css 设置悬停状态的样式。

来源： http://24ways.org/2009/rock-solid-html-emails/

【讨论】：

【解决方案4】：

一半的邮件客户端不支持此功能。

见：http://www.campaignmonitor.com/css/

【讨论】：