可以在电子邮件基础上使用：hover吗？

Question

我正在使用Foundation for Emails设计电子邮件通讯。我知道，内联悬停样式实际上是行不通的。但是，具有悬停样式确实可以使我的时事通讯更加有趣。我想知道Foundation是否找到一种使这项工作有效的方法，是否有什么办法可以在我的电子邮件中获得这些样式。

Answer 1

是的，您可以在样式表中使用:hover（全局或特定）：

a:hover, .linkname:hover {
  background: #ff0000 !important;
  border: 1px solid: #ff0000 !important;
}

除此之外，在SASS版本中，还有一节声明所有href值：

$anchor-text-decoration: none;
$anchor-color: $primary-color;
$anchor-color-visited: $anchor-color;
$anchor-color-hover: darken($primary-color, 10%);
$anchor-color-active: $anchor-color-hover;

您可以通过调整值或仅输入要使用的颜色来修改$anchor-color-hover: darken($primary-color, 10%);。

某些电子邮件客户端不能与:hover一起使用，但是许多可以：

• video

祝你好运。