css - 我可以使用 body 两次吗？

Question

我有一个带有一些 div 样式的 CSS 文件，这个 CSS 有一个主体，如下所示:

css1.css

body{
 background-color:#000;
}
#div1{
...
}
#div2{
...
}

在一个页面中，我想使用一些位于 css1.css 中但主体颜色不同的 div。所以我为此创建了另一个 CSS:

css2.css

body{
 background-color:#fff;
}

所以在这个页面我有:

<link rel="stylesheet" type="text/css" href="css1.css">
<link rel="stylesheet" type="text/css" href="css2.css">

css1.css 有 body，css2 也有，对吗？我这样做会有什么问题吗？

Answer 1

您不需要所有这些，您可以简单地为 div 设置不同的背景颜色。您可以为它们提供不同的 ID 或类，并围绕这些设置您的 CSS。

HTML:

<div id="one">this is div one</div>
<div id="two">this is div two</div>

CSS:

div#one { background-color: blue; }
div#two { background-color: red; }

您还可以在使用相同 CSS 的不同页面上使用不同的类更改您的主体。我希望这能解决您的问题。