在一个页面上适当使用多个样式表答案

【问题标题】：The appropriate use of multiple stylesheets on one page在一个页面上适当使用多个样式表
【发布时间】：2010-09-04 06:29:25
【问题描述】：

它建议使用每页一个样式表。我将我的 CSS 样式组织在不同的样式表中：

如果我每页有一个样式表，那会不会导致大量冗余？我最终不会得到数十或数百个样式表，其中许多包含相同的定义吗？

您对这种做法有何看法？您对入门有什么看法？

-----更新------

我知道说“每页一个样式表”并不一定等同于在整个网站上拥有许多样式表，所以这里有一个简单的后续问题。

根据您的回复，是否适合使用一个样式表来覆盖我的整个网站，因此可能包含数千行和数百/数千未使用的行，用于加载它的特定页面？（我的样式表在行上很高，因为我倾向于将给定类的每个样式放在新行上。）

【问题讨论】：

【解决方案1】：

我不认为它们意味着您在每个页面上使用不同的样式表；他们的意思是每个页面应该只有一个样式表。一个样式表可以应用于许多页面，甚至可能应用于整个站点。没有冗余，

但这并不是一个硬性规定。在拥有许多开发人员和设计人员的大型站点中，您可能希望将样式分成几张，就像您目前正在做的那样。对于中小型站点，单个全局样式表通常更易于管理，并提供（非常轻微的）性能优势。排除与表单相关的样式没有任何好处，例如，从碰巧不包含表单的页面中排除。

也许他们试图提出的观点是，您可以将针对不同媒体的不同规则放在一张纸上——您不需要针对不同媒体使用不同的纸。

【讨论】：

在回答您更新的问题时，我自己网站的单个样式表大约有 1200 行，如果它增长到两到三倍，我会非常高兴。和你一样，我每行使用一条规则。您需要小心布局和评论，以便您可以轻松找到内容 - 但无论如何这都是一种很好的做法。

【解决方案2】：

我以前用过：

一般布局形式颜色等

但此后我将所有样式表都移到了一个单独的结构化文档中。

我这样做是为了减少 http 请求，因为我的样式表不是特别大。当您拥有一个需要更多可维护性的大型站点时，分离样式表的好处就来了。如果您关心 http 请求，您仍然可以拥有多个样式表并在上线之前将它们合并。如果您有一个“小型”网站，那么一个样式表就可以了。

【讨论】：

【解决方案3】：

只有一个样式表minimizes the number of resource requests。我在 Drupal 中做了很多工作，可以自动缓存样式表。为方便起见，我将开发几个样式表，然后将它们缓存以用于生产。在非 Drupal 网站上，我将手动执行此操作。

另外值得注意的是：IE 6 & 7 只加载first 31 stylesheets。

【讨论】：