html - 使背景图像页面特定

Question

我目前正在为我的网站使用 Squarespace 平台，并且我正在尝试更改主页的背景图片，在搜索了一些论坛并查看了我网站的源代码后，我被告知该 id#collection-51648018e4b0d7daf0a7cece只能更改主页，但是当代码

#collection-51648018e4b0d7daf0a7cece {
  background-image: url('image-location.png');
}

添加没有任何反应，但通过使用此代码

#navigator {
  background-image: url('image-location.png');
}

它确实发生了变化，但它适用于我的所有页面。有人知道解决方法吗？我什至已经向 Squarespace 提交了一张票，但他们根本没有帮助。另外，请注意我无法更改网站的实际代码，因为它是 Squarespace。我只能添加自定义 CSS 或将代码注入<head>标签

score 0 · Accepted Answer

使#navigator选择器特定于主页：

#collection-51648018e4b0d7daf0a7cece #navigator {
  background-image: url('image-location.png');
}

编辑：根据您的代码，您可能想要这个：

#collection-51648018e4b0d7daf0a7cece #navigator {
  background: #fff url('image-location.png') scroll no-repeat top right;
}

1 回答 1