相同的CSS选择器使用两次

Question

当我通过CSS tutorial时，我注意到以下CSS重复选择器：

body {
  text-align: center;
}

body {
  background: #193549;
  color: white;
  font-family: 'helvetica neue', sans-serif;
  font-weight: 100;
  font-size: 50px;
}

将一些CSS属性放在单独的CSS选择器中有什么好处？作者想要实现的目标是什么？

Answer 1

除个人喜好外，没有任何好处。例如，将所有内容组合在一起，以便更容易阅读或更新/删除。您可以使用默认的body样式，然后添加一些用于支持插件的body的独特样式，这样您就可以为body单独创建一个独特的插件样式条目您使用为插件定义的其他样式进行分组，以便更容易阅读/查找与插件相关的样式。

编写类似CSS的做法也是不好的做法。它使用额外的空间（使文件更大）并使清理和跟踪样式更改变得更加困难。

Answer 2

应合并类属性以提高维护性和一致性。

Answer 3

拥有多个这样的CSS块没有任何优势。如果它们位于不同的文件中，它可能会导致心痛，因为列出的最后一个属性将“赢”。

因此，如果第二个body也具有text-align属性，则第二个属性将“覆盖”第一个属性。

在任何情况下，如果它是相同的选择器，它们应该在同一个CSS块中。