css - 单个样式表多个页面 Dreamweaver CS6

Question

我有 2 个页面共享相同的样式表。如何在不影响另一个的情况下对其中一个进行更改？我是编码新手，所以请尽可能具体。

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

请帮助，并提前感谢您！

score 0 · Accepted Answer

以不同方式设置页面样式的一个好做法是将类名应用于正文或对应于页面的封闭 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>

这有帮助吗？

score 0 · Accepted Answer

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

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

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

2 回答 2