Question

我有2个页面共享相同的样式表。如何更改一个而不影响另一个？我是编码的新手，所以请尽可能具体。

For Instance：我在HOME页面上有一个主图像，想要在PRACTICE AREAS页面上删除它，但每当我这样做时它会在所有页面上删除它。

请帮助，并提前感谢您！

Answer 1

以不同方式设置页面样式的一个好方法是将一个类名应用于主体或与页面对应的封闭div，例如：

<body class="home">
  <div>Content here</div>
</body>

这为您提供了更大的特异性，因此在您的CSS中，您可以写作：

.home div {
  background-image: url('your-image.jpg') no-repeat left top;
}

......或其他一些。

但是，听起来主页上的图片是内容，而不是其展示。在这种情况下，您应该将其包含在HTML而不是CSS中。

<body class="home">
  <div><img src="your-image.jpg"> Content here</div>
</body>

这有帮助吗？

Answer 2

据我所知，你不能用CSS做条件。我建议你为“练习区”页面创建第二个样式表，然后简单地覆盖显示主图像的样式元素。例如

/ *在主样式表* /
body { background-image: url(../graphics/main_page.jpg); }

/* On Practice Areas style sheet: */ body { background-image: none; }