每页一个样式表！

Question

我对新设计有所了解。但基本上，它是最后一个设计的扩展（？）版本，最后一个设计的CSS文件长2096行！ （这是常见/正常吗？）无论如何，我想到的这个新设计是非常独特的，因为我之前没有在其他地方看过它。

它会有许多隐藏的东西，只有在被某些东西激活时才会变得可见。每个页面都有相同的“布局”，但是，根据您所在的页面，根据点击或悬停的内容，布局将发生巨大变化。

每个页面都有1个样式表是“好习惯”吗？

我真的没有看到任何偏见，但我确实认为这有助于维护它，甚至可能加快网站的速度，因为每个页面都不会加载超过CSS的文件2000行。

如果我只保留这个新网站的单一样式表，我会把我所有的钱都打赌它至少会有8000行。做一个简单的Find＆amp;现有样式表中的替换已经是一场噩梦。

Answer 1

有几种方法可以看这个。

如果将所有这些组合成一个，则CSS文件只会下载一次。然后它将被缓存，因此后续页面请求将不会下载CSS文件。这将使初始页面加载速度变慢，但其余页面加载速度更快。

第二种解决方案是使用主+单页样式表。使用主要的一个用于页面之间通用的东西，另一个用于页面特定的CSS。这种方法在获取页面时添加了额外的请求，但允许您将特定于页面的CSS保持独立。您还可以在该特定页面的头部包含特定于页面的CSS。这将减少每页加载的请求数。

Answer 2

考虑到您的大型样式表应该由浏览器缓存，因此不会为每个页面下载它，但是较小的样式表是唯一的，这可以保证为每个新页面提供额外的HTTP请求。

为什么不简单地将一个巨大的样式表拆分成几个较小的样式表？

Answer 3

您要做的是拥有一个包含基本内容的基本样式表（例如基本页面布局等），然后加载新样式表以在需要时覆盖默认值。

或者，如果您知道页面可能会使用其他样式表，您可能只需更改正文的类，第二个样式表将接管。然而，这样效率会更低，也更复杂（在CSS级别上），因为每个文件都需要在每个块之前添加body.class。

Answer 4

我建议最干净的方法是保持多个页面共享的样式。我想你可以将事情进一步分开，并将某些元素组合在一起。假设你一起做了很多标题的样式。特定于某些页面的样式也可以是特定样式表。这样，下载的唯一css就是用户请求的页面所需的内容。

Answer 5

如果您有许多页面，则可以完全拍摄可维护性。我建议您设置布局，以便可以跨页面重用样式。我敢打赌，即使你的页面中有任何很酷的东西，你也可以找到一种分享/继承样式的方法，这样样式表的大小就不会失控。

另外，我会告诉你不要担心样式表的大小。以您需要的方式构建它。它只会下载一次，然后缓存，所以你会没事的。但是，如果您的每个页面都有一个单独的样式表，那么当您的用户需要下载的内容超出了他们的需要时，这可能会比只有一个大页面更慢。

Answer 6

你可以拥有一个对所有页面都相同的通用样式表，为每个页面创建一个覆盖第一个样式表的样式表。这样，表现你不下载你不需要的东西，并缓存适用于所有页面的所有规则。