将多个CSS文件连接成一个

Question

将多个CSS文件连接成一个CSS文件的最佳方法是什么？

我想减少以下..

<link href="css/1.css" rel="stylesheet" type="text/css" media="all">
<link href="css/2.css" rel="stylesheet" type="text/css" media="all">
<link href="css/3.css" rel="stylesheet" type="text/css" media="all">

..进..

<link href="css/1-3.css" rel="stylesheet" type="text/css" media="all">

简单地做cat css/*.css > css/1-3.css似乎没有做到这一点.

Answer 1

只要订购的论据cat比赛在HTML三个引用的CSS文件的原始顺序文件的cat预期-方法应该工作.

所以说...

<link href="css/one.css" rel="stylesheet" type="text/css" media="all">
<link href="css/two.css" rel="stylesheet" type="text/css" media="all">
<link href="css/three.css" rel="stylesheet" type="text/css" media="all">

..以下的concaternation ..

cat css/one.css css/two.css css/three.css > css/all.css

..将以下参考..

<link href="css/all.css" rel="stylesheet" type="text/css" media="all">

..应该100%相同.

Answer 2

在3.css的开头你可以添加:

@import url(/css/1.css);
@import url(/css/2.css);

但我更喜欢使用多个链接标签,或者更好的是,将我的CSS压缩为1个文件(例如使用YUI压缩器).