检测客户端是否正在使用伪元素答案

【问题标题】：Detect if Pseudo elements are in use on client side检测客户端是否正在使用伪元素
【发布时间】：2021-08-24 09:51:50
【问题描述】：

我正在写一封电子邮件，其中包含 :before 和 :after 以制作一些更精美的项目符号列表，并且在 psuedo 工作的地方看起来很棒。但显然有些电子邮件客户端不会呈现伪。

是否有一个简单的媒体调用/如果我可以检测这些元素是否被使用（这样我就可以为这些客户端正确格式化）？还是我只需要获取所有不会呈现它们的客户端的列表并为每个客户端放入单独的 If？

我对这一切都比较陌生，所以感谢帮助！

【问题讨论】：

最好不用它们就写一封电子邮件，这是最简单的解决方案。您可以轻松地将伪元素替换为基本元素（div、span 等）
您可以使用两列表格来制作漂亮的项目符号，也可以使用列表。列表更易于维护，但表格为您提供更大的灵活性。使用:before 和:after 进行额外的样式设置。在移动设备中向链接添加单词的示例。

【解决方案1】：

我的建议是坚持使用默认列表样式并从那里添加自定义。 Litmus 详细介绍了这一点，这对于摆脱无聊的旧黑色子弹甚至与文本颜色相匹配的子弹非常有帮助 - https://www.litmus.com/blog/the-ultimate-guide-to-bulleted-lists-in-html-email/#fromHistory

但是，如果您打算这样做，您可以使用 Can I email 结果作为参考，然后使用https://howtotarget.email/ 查找如何定位不支持伪选择器的特定客户端。这两种资源均由行业成员管理，是业内最值得信赖的资源。

【讨论】：