是否可以将CSS @media规则内联？

是否可以将CSS @media规则内联？

不可以，

@media

内联样式属性中不能存在规则和媒体查询，因为它们只能包含

property:value

声明。正如规范所说：

样式属性的值必须与CSS 声明块内容的语法匹配

仅在某些媒体中将样式应用于元素的唯一方法是在样式表中使用单独的规则，这意味着您需要为其选择一个选择器。

虚拟

span

选择器看起来像这样，但是如果您要定位一个非常特定的元素，则需要一个更特定的选择器：

span { background-image: url(particular_ad.png); }@media (max-width: 300px) {    span { background-image: url(particular_ad_small.png); }}