Question

我正在学习编码的第一步。我决定制作一个wordpress主题，所以我可以继续从实践中学习。

在Twentysixteen主题中，有一个名为.img的选择器可以修改主题中的所有图像。我想仅为主页修改此选择器，我无法实现它。我不知道是否可能。

我试图做到这一点，但它不起作用：

.home .img {
height: auto;
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}

你有什么建议吗？

Answer 1

您必须为该图像或主页中的父div提供一个类（如果主页不具有ID或类，则可以通过修改PHP文件来实现）。然后你可以运行你已经尝试的确切代码。

Answer 2

在自定义主题中，您是否已将body_class()功能添加到开始正文标记中：

<body <?php body_class(); ?>>

如果有，每个页面的body标签都会有一个唯一的类。对于主页，它将是“page-home”，“page-front-page”或类似的东西。

然后，您可以使用该唯一类的唯一类来设置该页面上的类/元素的样式：

.page-home .class {
    Styles here.
}

Answer 3

您可以为元素添加自定义ID或类，然后在css中选择该类/ ID。

#my_custom_id {
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    }