我可以两次使用身体吗？

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也有一个正文和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的不同页面上使用不同的类更改您的正文。我希望这能解决你的问题。

Answer 2

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

Answer 3

是的，你可以！

虽然您可能需要查看 css选择器特异性： https://developer.tizen.org/dev-guide/web/2.3.0/org.tizen.mobile.web.appprogramming/html/guide/w3c_guide/dom_guide/html_priorities_css.htm。这是一个更加图解的资源：

来自https://css-tricks.com/specifics-on-css-specificity/

特异性取决于选择器中包含的标签，ID，类，伪类等的数量。如果选择器之间存在联系，则订单很重要。

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

或者换句话说，身体背景颜色将是#fff :)。如果这对你有用则是一个不同的问题。