AMP

AMP 电子邮件支持的 CSS

Important: this documentation is not applicable to your currently selected format websites!

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

应用 CSS

内部样式表

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

内嵌样式

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

外部样式表

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

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

支持的 CSS 选择器

简单选择器

连结符

伪类

支持的 CSS 属性

其他限制

以下 CSS 属性具有其他限制:

属性 限制
cursor 仅允许 pointerinitial 值。
filter 不允许 url()
transition opacitytransformvisibilityoffset-distance 可添加动画效果。
visibility 仅允许 hiddenvisibleinitial 值。
z-index 仅允许 -100 至 100 之间的值。

@ 规则

当前支持的 @ 规则只有 @media。请参阅媒体功能了解详细信息。

自定义字体 (@font-face)

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

媒体功能

支持通过 @media 查询来有条件地应用规则的媒体功能列表。