电子邮件 AMP 支持的 CSS
重要提示：此文档不适用于您当前选择的格式 网站！
本文档概述了当前在 AMP 电子邮件中受支持的 CSS 功能。
应用 CSS
内部样式表
使用内部样式表时，CSS 指定在位于电子邮件的 <head> 标记中的单个 <style amp-custom> 标记内。
内联样式
除了内部样式表，还可以使用 style 属性 在任何元素上指定内联样式。
外部样式表
AMP for Email 中不支持外部样式表。
电子邮件中任何位置都不允许使用 <link rel="stylesheet" href="...">。
受支持的 CSS 选择器
简单选择器
组合器
伪类
:active:checked:default:disabled:empty:enabled:first-child:first-of-type:focus:focus-within:hover:in-range:indeterminate:invalid:last-child:last-of-type:last-of-type:not:nth-child:nth-last-child:nth-last-of-type:nth-of-type:only-child:only-of-type:optional:out-of-range:read-only:read-write:required:valid
受支持的 CSS 属性
-moz-appearance-webkit-appearance-webkit-tap-highlight-coloralign-contentalign-itemsalign-selfappearanceazimuthbackgroundbackground-attachmentbackground-blend-modebackground-clipbackground-colorbackground-imagebackground-originbackground-positionbackground-repeatbackground-sizeborderborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-spacingborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottombox-shadowbox-sizingbreak-afterbreak-beforebreak-insidecaption-sidecaret-colorclearcolorcolor-adjustcolumn-countcolumn-fillcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-widthcolumnscounter-incrementcounter-resetcursordirectiondisplayelevationempty-cellsfilterflexflex-basisflex-directionflex-flowflex-growflex-shrinkflex-wrapfloatfontfont-familyfont-feature-settingsfont-kerningfont-sizefont-size-adjustfont-stretchfont-stylefont-synthesisfont-variantfont-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-ligaturesfont-variant-numericfont-variation-settingsfont-weightgapgridgrid-areagrid-auto-columnsgrid-auto-flowgrid-auto-rowsgrid-columngrid-column-endgrid-column-startgrid-rowgrid-row-endgrid-row-startgrid-templategrid-template-areasgrid-template-columnsgrid-template-rowsheight连字符图像方向图像分辨率内联大小隔离内容对齐项目对齐自我对齐左字间距换行行高列表样式列表样式位置列表样式类型边距下边距左边距右边距上边距最大高度最大宽度最小高度最小宽度混合混合模式对象填充对象位置偏移距离不透明度顺序轮廓轮廓颜色轮廓偏移轮廓样式轮廓宽度溢出x 方向溢出y 方向溢出溢出换行填充下填充左填充右填充上填充暂停暂停后暂停前透视透视原点音高音高范围放置项目位置引号调整大小丰富度右行间距朗读朗读标题朗读数字朗读标点符号语音速率重音表格布局文本对齐文本末尾对齐文本垂直合并文本修饰文本修饰颜色文本修饰线文本修饰跳过文本修饰样式文本强调文本强调颜色文本强调位置文本强调样式文本缩进文本对齐文本方向文本溢出文本阴影文本转换文本下划线位置顶部转换转换框转换原点转换样式过渡过渡延迟过渡持续时间过渡属性过渡时序函数Unicode 双向垂直对齐可见性语音系列空白宽度单词换行字间距单词换行书写模式z 索引
其他限制
以下 CSS 属性有其他限制
| 属性 | 限制 |
|---|---|
cursor |
仅允许的值为 pointer 和 initial。 |
filter |
不允许 url()。 |
过渡 |
仅可以对 opacity、transform、visibility 和 offset-distance 进行动画处理。 |
可见性 |
仅允许的值为 hidden、visible 和 initial。 |
z 索引 |
仅允许介于 -100 和 100 之间的值。 |
@ 规则
目前仅支持一个 @ 规则，即 @media。有关更多信息，请参阅 媒体功能。
自定义字体 (@font-face)
AMP for Email 不支持自定义字体。
媒体特性
支持通过 @media 查询有条件地应用规则的 媒体特性 列表。