AMP

AMP 电子邮件支持的 CSS

重要提示:本文档不适用于您当前选择的格式网站

本文档概述了当前在 AMP 电子邮件中支持的 CSS 功能。

应用 CSS

内部样式表

当使用内部样式表时,CSS 被指定在电子邮件的 <head> 标签中的单个 <style amp-custom> 标签内。

内联样式

除了内部样式表之外,还可以使用 style 属性在任何元素上指定内联样式。

外部样式表

AMP 电子邮件支持外部样式表。

在电子邮件中的任何地方都不允许使用 <link rel="stylesheet" href="...">

支持的 CSS 选择器

简单选择器

组合器

伪类

支持的 CSS 属性

其他限制

以下 CSS 属性有额外的限制

属性 限制
cursor 唯一允许的值是 pointerinitial
filter 不允许使用 url()
transition 只有 opacitytransformvisibilityoffset-distance 可以进行动画。
visibility 唯一允许的值是 hiddenvisibleinitial
z-index 只允许 -100 到 100 之间的值。

At 规则

目前唯一支持的 at 规则@media。有关更多信息,请参阅媒体特性

自定义字体 (@font-face)

AMP 电子邮件支持自定义字体。

媒体特性

通过 @media 查询有条件地应用规则的媒体特性列表。