如果您从未在电子邮件代码中使用

nusrat1179

的 CSS，从而使更新变得更加容易。 当您希望全局应用变量时，可以使用根伪选择器创建 CSS 变量，但它们也可以应用于任何特定元素。 您可以使用 var() 函数插入或访问它们。 CSS 自定义属性在名称前使用两个连字符进行格式化，基本语法如下所示： root { --name-of-variable: 'update the value here'; } CSS 属性：var(--变量名称); 过 css 变量，那么这并不奇怪。 Jay 表示，大多数开发人员并不支持，而且它的支持仅限于 Apple Mail 和 Outlook for Mac，以及一些较小的电子邮件客户端。 我可以发送电子邮件吗... CSS 变量（自定义属性）用于交互式电子邮件。 在 Wordle 电子邮件中，CSS 变量用于定义和显示字母和颜色的选项。 Jay 说这样做的主要原因是为了避免在交互式电子邮件中重复大量代码。 在视频中，他向我们介绍了在电子邮件中使用 CSS 变量的一些基础知识。 以下是一些重要的注意事项：每个变量都是仅与它所在的元素相关，但自定义属性必须位于 CSS 选择器中。 如果您想在整


个文档中使用 CSS 变量，请将它们放在根选择器中。 但这不是必需的。 您决定如何命名 CSS 变量。 确保它们以两个连字符开头，以冒号结尾，并且不包含任何特殊字符。 它们也区分大小写。 变量可以是颜色、数字、文本、间距或任何您可以编码的内容。 在变量名称后使用逗号来定义可用作后备的默认值。 您还可以在媒体查询中使用 CSS 变量，根据屏幕尺寸创建不同的体验。 这是 Jay 的颜色变量示例代码。 它将红色字体颜色应用于整个文档，同时在电子邮件的特定模块中指定紫色文本。 它还具有粉红色的备用 芬兰电话号码表 或默认颜色。 查看 Jay 的所有示例代码并在 Parcel 上使用它。 再说一遍，CSS 变量的主要目的是减少交互式电子邮件中的重复编码。 它支持干（不要重复）编码方法。 要阅读更深入的解释，请查看自定义属性的 CSS 技巧指南。 Jay 和我讨论的 CSS 变量的另一个潜在用途是使用它们来管理和更新电子邮件设计系统



中的品牌颜色。 Jay Oram 提供的更多电子邮件编码技巧：Jay Oram 不仅是一位出色的电子邮件编码员，而且还是一位超级慷慨的电子邮件极客内容创建者。 以下是 Jay 为我们的博客撰写的一些热门文章： 揭秘媒体查询：CSS 最小宽度和最大宽度 改进移动电子邮件设计的 10 种简单方法 如何在电子邮件中编写搜索栏代码 Jay 也是以下网站的演示者 2022 年电子邮件营。观看他现场编写点击显示模块的代码，并了解有关在交互式电子邮件中使用 CSS 变量的更多信息。 另外，杰伊和我最近就使用人工智能进行电子邮件开发展开了争论。 观看网络研讨会 Email Geeks vs. Chatgpt 的重播，了解我们的想法和观点。 在 Twitter 上关注 @emailjay_ 并在电子邮件极客 Slack 社区中与他联系。 如果您还没有订阅 Action Rocket 的每周电子邮件，请帮自己一个忙，立即注册。 当 ActionRocket 团队不使用他们的时事通讯进行像 Wordle 电子邮件这