我目前正在为我的网站使用 Squarespace 平台，在搜索一些论坛并查看我的 website 的源代码之后，我正在尝试更改主页的背景图片。有人告诉我 id #collection-51648018e4b0d7daf0a7cece将只改变主页，但是当代码
#collection-51648018e4b0d7daf0a7cece {
background-image: url('image-location.png');
}
添加没有任何反应，但是通过使用这段代码
#navigator {
background-image: url('image-location.png');
}
它确实发生了变化，但将它应用于我的所有页面。有人知道解决这个问题的方法吗？我什至向 Squarespace 提交了一张票，但他们根本没有帮助。另外，请注意我无法更改网站的实际代码，因为它是 Squarespace。我只能添加自定义 CSS 或将代码注入(inject) <head>标签
最佳答案
使 #navigator 选择器特定于主页:
#collection-51648018e4b0d7daf0a7cece #navigator {
background-image: url('image-location.png');
}
编辑:根据您的代码，您可能需要这样:
#collection-51648018e4b0d7daf0a7cece #navigator {
background: #fff url('image-location.png') scroll no-repeat top right;
}
关于html - 使背景图像页面特定，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16113686/