4

複数のスタイルシートを 1 つに結合する方法を知っている人はいますか? たとえば、私は

<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 つのスタイルシートを 1 つに結合するにはどうすればよいですか?

ありがとうございました。

4

7 に答える 7

9

YUI Compresserを使用して css ファイルを組み合わせることができます。これは、CSS を組み合わせてコードを最小限に抑え、パフォーマンスに優れています。

CSS ファイルを 1 つに結合する方法については、こちらを参照してください。

于 2012-08-08T07:02:54.327 に答える
2

@import はお勧めしません... 最大の問題は、ファイルが並行して (同時に) ロードされるのではなく、順番にロードされる (一方がもう一方を待たなければならない) ことです。これにより、時間と往復が無駄になり、Web ページの読み込みが遅くなります。

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

[1]: http://www.feedthebot.com/pagespeed/avoid-css-import.htmlここで読むことができます...

于 2013-07-16T04:55:27.860 に答える
1

ファイルの内容を 1 つにコピーするのはどうですか。

于 2012-08-08T06:59:30.193 に答える
0

title 属性でそれらをグループ化できます。のようなタイトル属性を与えてみてください title="myStyle"

于 2013-12-20T04:33:21.493 に答える
0

こんにちは、インポートオプションを使用して目的の結果を達成できます......

複数のファイルを適用する簡単な方法は、"@import" ルールを使用することです (ブラウザーのサポートによって異なります)。

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

複数のスタイル シートに @import を使用する方法について詳しく読むことができます

于 2012-08-08T07:07:09.397 に答える
0

.htaccess ファイル、Ref - を使用できます。

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

于 2012-08-08T07:06:10.613 に答える
-3

基本的には、そのままにしておくことができます。スタイルシートの要素が別の要素に再定義されていない限り、問題はありません。たとえば、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;
}

次に、リンクされた 2 番目のスタイルシートは、の text-decoration 属性を定義します。a

于 2012-08-08T07:03:32.520 に答える