假设我有:
css / style1.css
css / style2.css ...
等等

和HTML是这样的:

<html>
<head>
<link ... src="css/style1.css">
<link ... src="css/style2.css">
</head>
<body>...</body>
</html>


我想阅读CSS的所有内容,并使它像这样:

<html>
<head>
<style>...(all css styles go here)</style>
</head>
<body>...</body>
</html>


读取css并将其放入很容易(即使用php的file_get_contents),但是如果css包含url(url(../ images / something.png))或@import则很困难。

我知道有一些工具,例如缩小css(https://github.com/mrclay/minify)读取多个css并将它们组合成一个大css,但这仍然不是我想要的(我想要的是所有样式都必须包含在其中

那么是否有任何工具/脚本可以轻松做到这一点?

最佳答案

这应该工作:

<html>
<head>
<style>
    @import url('css/style1.css');
    @import url('css/style2.css');
</style>
</head>
<body>...</body>
</html>

10-05 20:39
查看更多