是否可以在电子邮件中使用 style-embed 和 HTML 动态显示元素或文本？

Question

我正在尝试在用 HTML 编写的电子邮件模板上实现一些功能，但我不确定是否可行。让我们想象一下这个例子：

我有这个内容。

我的目标是更改电子邮件的语言（红色文本）。可以隐藏此文本并用电子邮件中的复选框/按钮替换为另一个文本吗？如果是这样，我该怎么做？因为它是电子邮件，所以我不能使用 Javascript 并且 CSS 仅限于在 HTML 中嵌入样式。感谢您的帮助

Answer 1

在某些情况下，您可以使用带有 :checked pseudo-class 的复选框和某种兄弟组合器来更改其他一些 display 属性元素…

… 但是在不支持样式元素的电子邮件客户端、不支持复杂选择器的电子邮件客户端以及不支持复选框的电子邮件客户端之间，除非您控制最终用户对电子邮件客户端。

Answer 2

这是一个 HTML 示例，可能会对您有所帮助。部分支持电子邮件。 https://www.campaignmonitor.com/css/selectors/checked/

https://jsfiddle.net/ratank/95yq7gat/

<style>
 .content {
   border: 1px solid red;
   margin: 10px;
 }
 
#langEN:checked~.content:lang(en) {
  display: block;
}

#langFR:checked~.content:lang(fr) {
  display: block;
}

 .content:lang(en), .content:lang(fr) {
   display:none;
 }

</style>
<label for="langEN" style="width: 300px" > English </label>
<input type="radio" id="langEN" name="language" checked>
<label for="langFR" style="width: 300px"> French </label>
<input type="radio" id="langFR" name="language">

<div lang="en" class="content">
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
<div lang="fr"  class="content">
Lorem Ipsum est simplement un texte factice de l'industrie de l'impression et de la composition. Lorem Ipsum a été le texte factice standard de l'industrie depuis les années 1500, quand un imprimeur inconnu a pris une galère de caractères et l'a brouillée pour en faire un livre de spécimens. Il a survécu non seulement cinq siècles, mais aussi le saut dans la composition électronique, demeurant essentiellement inchangé. Il a été popularisé dans les années 1960 avec la sortie de feuilles Letraset contenant des passages du Lorem Ipsum, et plus récemment avec un logiciel de publication assistée par ordinateur comme Aldus PageMaker comprenant des versions de Lorem Ipsum.
</div>

是否可以在电子邮件中使用 style-embed 和 HTML 动态显示元素或文本？

Is it possible to display dynamically an element or a text using style-embed and HTML in an email?

html

css

email

html-email