内联样式优先于媒体查询吗?

Ste*_*eez 1 html css html-email media-queries

我以前用html和内联css构建了电子邮件.我最近决定添加媒体查询,以使它们更适合移动设备.但是我想知道内联样式(css)是否优先于媒体查询.

例如:如果我对iPhone进行媒体查询,电子邮件会显示来自相应媒体查询或内联样式的样式吗?

谢谢!!

Nik*_*wal 5

定义内联样式时,它可用于您编写的所有设备和任何媒体查询集.

内联样式具有最高优先级,因此在您的情况下,显示的样式将具有内联样式.

如果您想要覆盖内联样式,则需要使用在媒体查询中添加样式!important.

供参考 - CSS特异性

  • 也在回答这个问题,但这个答案很好地涵盖了它。这是我在 JSFiddle 上制作的一个示例来展示这一点:https://jsfiddle.net/26xgnw7b/ (2认同)