Question

在设计/更改页面布局时，我根据需要为每个div / class元素着色。这使我能够清楚地看到布局的结构。

在使用实际内容测试/呈现页面布局时，我有一个不同的着色方案。

我需要经常在两者之间切换。我怎么能做到这一点？

请帮忙。

Answer 1

使用两个CSS文件。每个都有相同的类但不同的颜色值等。有一个批处理文件交换两个。你可以使用你的主机文件和你的网络服务器中的一些魔法来组合一个更漂亮的皮肤方法，但这可能对你的需求来说太过分了。

Answer 2

在测试时，您可以在您的html或body代码中添加

例如 <html class="testingMode">

然后在样式表中，您可以覆盖其他样式

<强> e.g。

/*Normal/Live mode*/
.divClass {
    background: none;
}

/*Testing mode*/
.testingMode .divClass {
    background: green;
}

在您上线之前，您可以从testingMode标记中删除html类，并且不会应用那些重写样式。