AMP

AMP for Email 支持的 CSS

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

应用 CSS

内部样式表

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

内联样式

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

外部样式表

AMP for Email 支持外部样式表。

不允许在电子邮件的任何位置使用 <link rel="stylesheet" href="...">

支持的 CSS 选择器

简单选择器

组合器

伪类

支持的 CSS 属性

其他限制

以下 CSS 属性有其他限制

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

At 规则

目前仅支持 @media at-规则。更多信息请参阅媒体特性

自定义字体 (@font-face)

AMP for Email 支持自定义字体。

媒体特性

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