在Outlook或Gmail中，a:visited和a:hover css不能正确呈现。

Question

在电子邮件代码中， a:visited 和 a:hover CSS样式在Outlook或Gmail邮件客户端中无法正常渲染。我已经添加了如下的CSS代码。

  /* unvisited link */
    a:link {
        color: #526175;
    }

    /* visited link */
    a:visited {
        color: #D4B038 !important;
    }

    /* mouse over link */
    a:hover {
        color: #D4B038 !important;
    }

    /* selected link */
    a:active {
        color: #D4B038 !important;
    }

    .menutxt a:visited {
        color: #D4B038 !important;
    }

    .menutxt a:hover {
        color: #D4B038 !important;
    }

Answer 1

这是对的。电子邮件客户端不支持所有的东西。

不过Outlook和Gmail有很多版本，根据Caniemail的说法，有些版本确实可以使用。

:visited 并没有太多的支持。https:/www.caniemail.comsearch?s=%3Avisited

:hover 在Outlook桌面上无法使用，但在Gmail桌面webmail上应该可以使用。https:/www.caniemail.comsearch?s=%3Ahover

我怀疑发生的事情是你有其他的事情在你的。<style> Gmail不喜欢的，然后它所做的是。移除整个 <style>...</style> 节! 所以，为了隔离这个，使用下面的方法。

<style>
a:link {
        color: #526175;
    }
a:hover
...
</style>

然后让你的其他样式放在另一个 <style> 部分。这将它们隔离开来，所以第一 <style> 如果有错误或不支持的样式，部分不会被删除。