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

fjaof16o  于 2023-11-19  发布在  其他
关注(0)|答案(6)|浏览(135)

有人知道如何将多个样式表合并为一个样式表吗?

<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" />

字符串
如何将上述3个样式表合并为一个?
谢谢

kse8i1jr

kse8i1jr1#

你可以使用YUI Compresser来合并合并你的css文件,它合并了CSS并最小化代码,对性能很有好处。
看看here,将CSS文件合并为一个。

vzgqcmou

vzgqcmou2#

不推荐使用@import.最大的问题是它会导致文件顺序加载(一个必须等待另一个)而不是并行加载(同时)。这会浪费时间和往返时间,并使您的网页加载速度变慢。
[http://www.feedthebot.com/pagespeed/avoid-css-import.html][1]
[1]:http://www.feedthebot.com/pagespeed/avoid-css-import.html你可以在这里阅读.

qzwqbdag

qzwqbdag3#

把文件的内容复制到一个里面怎么样?

dl5txlt9

dl5txlt94#

您好,您可以通过导入选项实现您想要的结果。
应用多个文件的更简单的方法是使用“@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

lnvxswe2

lnvxswe25#

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

kuuvgm7e

kuuvgm7e6#

基本上,你可以保持这样。只要你的样式表没有从一个元素重新定义到另一个元素,你就不会有任何问题。例如,如果你的htm文件中有两个样式表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的text-decoration属性

相关问题