outlook.com如何针对特定类别的css

我正在设计一封HTML电子邮件，我已经在测试过的电子邮件客户端中尽可能地使它看起来很好。我现在正在检查Outlook.com，它有一些问题（可能是因为它们不支持边距），所以我想为该客户端添加一些条件样式

我知道Outlook.com将电子邮件包装在

.ExternalClass

类中，并使用

ecx

预先添加任何自定义类，因此我尝试了以下方法

* {color:black;}
.ExternalClass * {color:red;}
.ExternalClass .ecxMyClass {color:blue;}
.ExternalClass .MyClass {color:green;}

只是想看看哪个选择器会改变文本的颜色。我不能让他们中的任何人工作。此外，我也找不到使用诸如Firebug之类的检查器定义我的样式的位置

根据Outlook.com的说法，它应该支持头部或身体的样式标记，并且应该能够使用类作为选择器

---

我几乎所有的样式都是内联定义的，但我只想在Outlook.com中为元素添加填充，所以不能只内联添加。如何在Outlook.com中定位自定义类元素？

CSS对于Outlook来说是一种不同的游戏。正如我确信你在电子邮件编码方面遇到的那样，存在着严重的局限性，降低你的期望通常比尝试让某些东西起作用要好

这里是一个链接，指向CSS样式将适用于各种电子邮件客户端

---

我强烈建议您删除电子邮件中的页边距，改用填充或空（nbsp）表格单元格。两者都是100%受支持的，正如您开始发现的，为某些客户跳转可能会很快变得非常混乱。带有nbsp的空表格单元格是最好的选择，因为有时如果您的订户将电子邮件转发给其他人，填充内容可能会被删除

也就是说，如果您希望以Outlook而不是其他客户机为目标，那么可以使用以下条件

不确定它是否适用于Outlook.com，但请尝试一下：

<!--[if gte mso 15]><!-->
 // This will only be seen by Outlook 2013
<![endif]-->  

//只有Outlook 2013才能看到这一点

Outlook.com将接受条件注释，因此上述任何一项都不能正常工作

---

请参阅。

mso标记显然不再有效，请尝试此css破解

/*这将特定于outlook.com*/
span[class~=x_outlook]{
颜色：#26d0ae；
}
/*此样式将适用于Microsoft Outlook的移动应用程序（ios和android）*/
正文[数据outlook循环]。outlook{
颜色：#26d0ae；
}
中立的
这是一只变色龙

谢谢，但这并不能回答我的问题。我知道outlook.com支持我试图设置的css属性，但我不知道如何使用css选择器来定位它。@Devin在您最初的问题中，您使用的选择器在outlook.com中不起作用-网站的目的是向您展示这一点。在保证所有电子邮件客户端的填充时，最好使用表格单元格而不是CSS属性手动创建填充。条件注释仅适用于Outlook电子邮件，而不适用于Outlook.com。