Question

怎么合并CSS文件啊？

我的网站有3个CSS文件（screen.css ，print.css ，hpv3.css），想合并成1个CSS文件screen.css ，这要怎么做呢？

Answer 1

在一个CSS文件利用@import url('其他的CSS文件');
想引入几个CSS文件就用几个@import url
注意路径的的书写
首页需要两个CSS文件index.css和common.css
就在index.css的首行写入(两个CSS文件在同一个目录下)
@import url('common.css');
这样只需要在首页链接一个index.css文件就可以了。

追问

能以我上面的文件名来举例子吗？我对这个不是太懂，你说的：@import url是我的网站目录路径吗？我的网站CSS原先是下面那种，你帮我写出来怎么改好吗？谢谢啦

追答

那就在screen.css的头部写
@import url('print.css);
@import url('hpv3.css');

然后在你的页面中间就写一个
就够了
引文其他两个CSS文件已经通过import引入进来了

Answer 2

其实直接都复制到screen.css就可以了，要保证样式不能重复，不然用@import url()也是会产生样式冲突的。用法：在screen.css样式中最前面写入@import url('hpv3.css ');和 @import url('print.css ');。因为 你这里的路径都是ccs/hpv3.css相对路径，所以不用更改。

追问

我直接复制过，字体大小，和图片位置什么的都变了，乱七八糟的，如果去除冲突是不是很麻烦啊？

Answer 3

在一个CSS文件利用@import url('其他的CSS文件');
想引入几个CSS文件就用几个@import url
注意路径的的书写
首页需要两个CSS文件index.css和common.css
就在index.css的首行写入(两个CSS文件在同一个目录下)
@import url('common.css');
这样只需要在首页链接一个index.css文件就可以了。

Answer 4

你要看三个内容有没有冲突的。没有的话就把另外两个文件的内容都考到要screen.css中，保证每个网页都导入了这个css文件。
如果三个文件内容有冲突的话，要修改再合并再测试