我应该如何编写多个html页面的1个css文件？

Question

我的主页样式工作得很好但是当我继续编写另一个html页面的css时，主页中的布局会中断。例如，我在主页中有一些内容，但我想在其他页面中删除它们，当我这样做时，它会破坏主页面中的布局，如果我尝试修复那么第二页就不会是我的方式了想。我该如何解决这个问题？

Answer 1

你必须阅读一些CSS书籍/指南。

非常简短的信息，可以看到（部分）您可以做的事情：

为不同样式的部分使用不同的类名。您可以组合这样的类：

<div class="box headerpage">....</div>
<div class="box innerpage">....</div>

在CSS中它将是：

.box {
    // main style
}

.box.headerpage {
    // addition for header page (element with headerpage class specified
}

.box.innerpage {
    // addition for inner page (element with innerpage class specified
}

您还可以根据元素的ID更改样式：

#myDiv.headerpage {
}

#myDiv.innerpage {
}

Answer 2

所有页面都需要1个css文件。使用不同的类别ID，然后您的CSS不会覆盖以前的设置