我可以使用 body 两次吗？

Question

我有一个带有一些 div 样式的 CSS 文件，这个 CSS 有一个 body，像这样：

css1.css

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

在一个页面中，我想使用 css1.css 中的一些 div，但具有不同的 body 颜色。所以我为此创建了另一个 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 的不同页面上将 body 更改为不同的类。我希望这能解决你的问题。

Answer 2

没关系。假设选择器相同，最后一个声明将优先于第一个声明。

Answer 3

是的，你可以！

具体取决于您的选择器中包含的标签、id、类、伪类等的数量。如果选择器之间有联系，那么顺序很重要。

这两个选择器（用于主体）具有相同的特异性 (=0001)，因此第二个选择器将覆盖第一个的公共属性。

或者换句话说，正文背景色将为#fff :)。如果这对你有用是另一个问题。

can I use body two times?