如何包含保存在目录中的所有 css？

Question

是否可以在 html 中一次包含多个 css？或者更确切地说，是否可以一次包含目录中的所有 css？

像目前我们所做的是：-

 <link type="text/css" rel="stylesheet" href="./tabs_css/navigation.css">

我需要类似的东西：-

 <link type="text/css" rel="stylesheet" href="./tabs_css/*.css">

可能吗？还是有其他选择？

原文由 Rakesh Juyal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以创建一个包含在每个页面中的主样式表，并且在该 css 文件中您可以使用 @import 来包含其他样式表。

这并没有解决必须手动包含每个单独的 css 文件的问题，但至少它将它封装在主样式表中，因此您不必在每个 html 文件中重复所有引用。如果你添加额外的 css 文件，你只需要在主 css 中添加一个引用，所有页面都可以访问它。

示例 HTML CSS 参考：

 <link href="master.css" type="text/css" />

示例 Master CSS ( master.css ):

 @import url(style1.css);
@import url(style2.css);
@import url(style3.css);

详细了解 何时使用 @import 及其与旧版浏览器的兼容性。

原文由 Abram Simon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您需要在服务器端执行此操作。如果您使用的是 PHP，请查看 glob 。

例如：

 foreach (glob("path/to/css/*.css") as $css) {
    echo "<link type='text/css' rel='stylesheet' href='$css'>\n";
}

原文由 Skilldrick 发布，翻译遵循 CC BY-SA 2.5 许可协议