email - 响应式电子邮件模板上的 CSS 选择器

Question

我目前正在研究响应式电子邮件模板。我在网上看到了一些使用属性选择器的模板，如下所示：h1[class="title"]。为什么不只是h1.title，做这样的电子邮件模板有什么特别的技巧吗？

Answer 1

这个技巧是为了阻止一些电子邮件客户端识别这个标签。最常见的用途是隐藏仅在此电子邮件的移动版本中使用的标签。

例如，Yahoo.com 电子邮件客户端无法识别媒体类型或使用括号格式的 css。因此，通过使用这种格式，您可以欺骗 Yahoo 邮件使其不解析专门用于移动版本的 css。