我需要导入特定文件夹(css)中可用的整个css文件有没有一种方法可以在不逐个文件导入的情况下做到这一点?
需要导入资产/css/* ?
<link href="<?php echo base_url(); ?>assets/css/*" rel="stylesheet"/>
<title>Untitled Document</title>
<style>
#area {
max-width: 600px;
}
</style>
</head>
编辑:似乎回答晚了,你已经接受了答案。如果我知道,我就不会提交这个。我正忙着测试和制定它。
正如我在评论中所说,您可以使用 PHP 的 glob()
函数以及foreach
循环来实现这一点。以下是您可以执行的操作:
foreach (glob("*.css") as $css) {
echo "<link type='"text/css'" rel='"stylesheet'" href='"$css'">'n";
}
在 HTML 源代码中将产生类似于以下内容的内容:
<link type="text/css" rel="stylesheet" href="css_1.css">
<link type="text/css" rel="stylesheet" href="css_2.css">
<link type="text/css" rel="stylesheet" href="css_3.css">
根据文件所在的位置,您可能需要更改这些文件的路径。
即:
foreach (glob("path/to/css/folder/*.css")
将它的 PHP 放在 <head></head>
中
例如:
<!DOCTYPE html>
<head>
<?php
foreach (glob("*.css") as $css) {
echo "<link type='"text/css'" rel='"stylesheet'" href='"$css'">'n";
}
?>
</head>
<body>
<div id="css_1">Style 1</div>
<br>
<div id="css_2">Style 2</div>
<br>
<div id="css_3">Style 3</div>
</body>
</html>
我认为您无法
通过执行assets/css/*
从文件夹中导入css
文件。但是您可以将css文件夹中的文件连接成一个文件,然后缩小此css文件并将其导入。
您可以使用像gulp
这样的构建工具来完成这件事。看看这个 https://www.npmjs.com/package/gulp-minify-css
No.首先,客户端不知道要请求什么(它只能为每个http请求请求一个文件,它需要知道其名称)。您可以通过四种方式执行此操作:
- 将所有 CSS 文件连接成一个文件,然后链接到该文件。
- 有一个脚本,将所有CSS文件连接成一个响应,然后链接到该脚本
- 在你的模板中有一个循环来遍历所有的CSS文件,这将为每个文件发出一个
<link>
元素。 - 如果你只有几个CSS文件而不是不更改,你可以用手把它们全部写出来。