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

标签 html css media-queries html-email

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

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

谢谢!!

最佳答案

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

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

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

供引用 - CSS Specificity

关于html - 内联样式会优先于媒体查询吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34817071/

相关文章:

javascript - CSS - "height 100%"比视口(viewport)滚动得更远?我可以阻止吗?

javascript - 固定宽度/高度 div 中不同格式的全中心图片

iphone - 如何在一个媒体查询中定位 iPhone 3GS 和 iPhone 4?

mobile - 使用媒体查询引入新元素

父元素中的 HTML CSS 表格填充空间

在平板电脑上长按/点击时触发 Javascript 事件

css - 现场出现 403 和 404 错误。所有路径正确

html - 如何自动调整框的大小以适应内容——使用 jQuery Mobile

css - 媒体查询不适用于设备旋转

html - CSS 前面的三个句号