在HTML电子邮件中设置嵌套表的样式

我有一个使用嵌套表的HTML电子邮件模板。我正在努力实现最大限度的电子邮件客户端支持。我想知道如何使用内联样式，我应该始终将其应用于最低级别的

td

，还是可以将样式应用于父

表

或

td

例如，我知道在浏览器中，以下两项都可以使用：

<table border="0" cellpadding="20" cellspacing="0" bg-color="#eeeeee" width="100%">
  <tr>
    <td valign="top" style="font-size:12px; line-height:16px;">

      <table border="0" cellpadding="0" cellspacing"0" width="600">
        <tr>
          <td valign="top">
            Content 1
          </td>
          <td valign="top">
            Content 1
          </td>
        </tr>
      </table>

    </td>
  </tr>
</table>

内容1
内容1

或

内容1
内容1

---

这里的区别在于内联样式。第一个示例避免了重复，更易于维护，而不是将内联样式应用于多个子

td

s。但是，一些电子邮件客户端是否会为子

表

、

tr

或

td

应用新样式？

您设置的样式越低，您就越安全。许多电子邮件客户端已经添加了自己的风格。例如，如果他们有一个css行

td {
   font-size:14px;
}

---

这可能会破坏您想要的样式。

那么电子邮件客户端默认样式是否会覆盖我添加到父元素的内联样式？如果客户端样式的css规则更具体。但因为你永远不知道客户可能有什么，所以最好是安全的字体和东西，我总是在每个td和p上这样做。我还将表样式添加到内联样式中（并保留

border=“0”

等内容），以获得最大的兼容性。谢谢你的意见。我从一个mailchimp模板开始，但很快意识到他们将大部分/所有样式都放在了

中，并且它不像我预期的那样向后兼容。

td {
   font-size:14px;
}