如何将所有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">

可能吗？或者有其他选择吗？

Answer 1

您可以创建一个包含在每个页面中的主样式表,并在该css文件中@import用于包含其他页面.

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

示例HTML CSS参考:

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

示例主CSS(master.css):

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

Answer 2

您需要在服务器端执行此操作.如果您正在使用PHP,请查看glob.

例如:

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