您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

是否可以将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); }
}
CSS 2022/1/1 18:21:11 有505人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶