Question

有没有人知道如何将多个样式表组合成一个？例如，我有

<link rel="stylesheet" type="text/css" href="abc.css" />
<link rel="stylesheet" type="text/css" href="efg.css" />
<link rel="stylesheet" type="text/css" href="hij.css" />

在mysite.html中

。如何将上述3个样式表合并为一个？

谢谢。

Answer 1

您可以使用YUI Compresser组合您的css文件，它结合了CSS并最小化代码，并且有利于提高性能。

查看here，将CSS文件合并为一个。

Answer 2

不建议使用@import ...最大的问题是它导致文件按顺序加载（一个必须等待另一个）而不是并行（同时）。这会浪费时间和往返，并使您的网页加载速度变慢。

[http://www.feedthebot.com/pagespeed/avoid-css-import.html] [1]

[1]：http://www.feedthebot.com/pagespeed/avoid-css-import.html你可以在这里阅读......

Answer 3

如何将文件内容复制到一个文件中？

Answer 4

您可以使用.htaccess文件，Ref -

http://www.isitvivid.com/blog/combining-your-cssjs-files-with-htaccess/

Answer 5

您好，您可以通过导入选项实现您想要的结果......

应用多个文件的更简单方法是使用“@import”规则（取决于浏览器支持）。

<style type="text/css" media="all">
  @import url("/css/a.css");
  @import url("/css/b.css");
  @import url("/css/c.css");
</style>

you can read more about Using @import for multiple Style Sheets

Answer 6

您可以使用title属性对它们进行分组。尝试给出一个标题属性 title="myStyle"

Answer 7

基本上，你可以保持这样。只要您的样式表没有从一个到另一个重新定义的元素，您就没有问题。例如，如果你的htm文件中有2个样式表a.css和b.css

<link rel="stylesheet" type="text/css" href="a.css" />
<link rel="stylesheet" type="text/css" href="b.css" />

如果在a.css中你有

a{
text-decoration:none;
}

和b.css

a{
text-decoration:underline;
}

然后第二个链接样式表将定义a

的文本修饰属性

css：如何将多个样式表合并为一个样式表

7 个答案: