内联样式会优先于媒体查询吗？
Will inline-styling take precedence over a media query?
我之前使用 html 和内联 css 构建了电子邮件。我最近决定添加媒体查询，使它们更适合移动设备。但是我想知道内联样式 (css) 是否会优先于媒体查询。
例如：如果我对 iPhone 进行媒体查询，电子邮件会显示来自适当媒体查询或内联样式的样式吗？
谢谢！！
定义内联样式后，它可用于所有设备和您编写的任何媒体查询集。
内联样式具有最高优先级，因此在您的情况下，显示的样式将具有内联样式。
如果您想覆盖内联样式，则需要使用 !important.
在媒体查询中添加样式
供参考 - CSS Specificity
当浏览器使用您的页面时，它会像文本流一样使用它。它会首先遇到你的 <script> 和 <link> 标签，然后下载并执行 JavaScript and/or CSS 文件。然后浏览器将继续流向您的 <body>。如果你有 inline-styles，页面必须是 re-drawn 浏览器 b/c 现在它在 HTML 中遇到了新的 CSS。 Inline-styles 具有最高优先级，通常应避免使用，但它们会覆盖外部 CSS 文件中的内容。
我之前使用 html 和内联 css 构建了电子邮件。我最近决定添加媒体查询，使它们更适合移动设备。但是我想知道内联样式 (css) 是否会优先于媒体查询。
例如：如果我对 iPhone 进行媒体查询，电子邮件会显示来自适当媒体查询或内联样式的样式吗？
谢谢！！
定义内联样式后，它可用于所有设备和您编写的任何媒体查询集。
内联样式具有最高优先级，因此在您的情况下，显示的样式将具有内联样式。
如果您想覆盖内联样式，则需要使用 !important.
供参考 - CSS Specificity
当浏览器使用您的页面时，它会像文本流一样使用它。它会首先遇到你的 <script> 和 <link> 标签，然后下载并执行 JavaScript and/or CSS 文件。然后浏览器将继续流向您的 <body>。如果你有 inline-styles，页面必须是 re-drawn 浏览器 b/c 现在它在 HTML 中遇到了新的 CSS。 Inline-styles 具有最高优先级，通常应避免使用，但它们会覆盖外部 CSS 文件中的内容。