css - 是否可以通过媒体查询仅针对我的主页？

Question

是否可以使用媒体查询但限制它只影响我的主页？

我正在建立一个 woo-commerce 商店，在移动设备上查看时，除了主页外，该网站的所有内容看起来都不错。几天来我一直在寻找解决方案，但没有成功。

如果可以，请告诉我我从什么代码开始。 非常感谢任何帮助，我对此深有体会。 宝拉

Answer 1

当然可以。我认为在 wordpress 中，如果它是主页，你在 body 标签中有 home 类。因此，在您的类定义中，无论类在何处、是否在媒体查询中都无关紧要。

body.home .any-css-selector { styles }

你可能有 css 文件:

bla {}
blabla {}
@mediaquery mobile {
    body.home .class { styles }
    body.home .another-class { more styles }
    bla {}
    blabla {}
}