html - 组织/管理 CSS 的最佳方式

Question

我正在做一个大项目，并且自始至终都使用了一个 CSS 文件。我现在发现这变得难以管理和无组织（到目前为止有近 2000 行）。

我已经阅读了关于拆分 CSS 的不同技术，这是我迄今为止发现的：

1) 将 CSS 拆分为单独的文件，并使用 LINK 标签引用它们。这样做的缺点是它增加了服务器请求的数量。

2) 将 CSS 拆分为单独的文件并使用 @import 语句引用它们。同样，这样做的缺点是增加了服务器请求。

3) 使用 CSS 解析器，例如 LESS，这可以让您将 CSS 拆分为单独的文件，并且不会导致额外的服务器请求。然而，使用它的主要缺点（对我来说）是团队中的所有开发人员都需要学习一种新的 CSS 样式方法/样式。我还发现在使用 LESS 时我没有在 FireBug 中获得行号。

那么有哪些替代方案呢？理想情况下，我只想将 CSS 拆分为单独的文件（至少有 10 个），并有一种方法可以在不影响性能的情况下引用它们。

Answer 1

我喜欢使用特定于页面的样式表支持的全局样式表，以使其更易于管理。

你是对的，一旦它达到 2000 多行，它就很难管理，而且我还发现，当你想要进行更改并且你的 500 页巨大的网站只有一个样式表时，以后很难控制事情，所以您忘记的事情可能会在某些隐藏的页面上发生变化。

我不认为额外的服务器请求对于收益来说真的有那么大的意义。

我不会仅仅因为学习曲线而使用 CSS 解析器，而且当额外的样式表看起来效果很好时，我真的不认为值得付出努力。