如何将css文件分成2个文件

Question

我有一个css文件。我想把它分成2个文件。我想这样做是因为有一些css代码，如全局设置，如

   *{padding: 0; margin: 0;}

然后是css的其余部分。这个css文件包含在很多地方。但最近我将这个css文件添加到一个新页面，我发现上面的全局设置打破了我的布局，所以我需要文件，但没有这些全局设置，所以我决定将文件分成两个包含上面的代码和另一个包含休息。这样做有什么好处......还有什么可能的东西，？

css文件.. link

Answer 1

当然每页可以有多个CSS文件。只需确保链接到所有（必需的）文件即可。

将合理的CSS样式分组在一起以使它们可重用是一件好事，所以要去做吧。

Answer 2

您可以动态生成css。传入一个查询参数可以让你输出“完整”的CSS，或者只输出不间断的部分：

<?php
   header('Content-type: text/css');

   if (isset($_GET['fullmealdeal'])) { ?>
      echo '*{padding: 0; margin: 0}';
   }
} ?>
... rest of the css here ...

然后只有

<link rel="stylesheet" type="text/css" src="css.php?fullmealdeal" />

在你的标题中。

当然，您可能希望发布一些适当的缓存标头，或者很可能会为每个页面请求提取CSS，这将是一个很大的性能损失。

Answer 3

有几点想法：

1. 如果您使用的是服务器端脚本，则可以使用两个文件，除了使其中一个包含所有内容，另一个文件包含全局声明的所有内容。然后包括其中一个。
2. 将样式直接添加到您担心的页面中，覆盖外部样式表。同样，使用服务器端脚本会使这相对无痛。