0

私が持っているとしましょう: css/style1.css css/style2.css... など

html は次のようになります。

<html>
<head>
<link ... src="css/style1.css">
<link ... src="css/style2.css">
</head>
<body>...</body>
</html>

css の内容をすべて読み込んで、次のようにしたいと思います。

<html>
<head>
<style>...(all css styles go here)</style>
</head>
<body>...</body>
</html>

css を読み込んで配置するのは簡単ですが (つまり、php の file_get_contents を使用)、css に url (url(../images/something.png)) または @import が含まれている場合は困難です。

複数のcssを読み取って大きなものに結合するためのcssの縮小（ https://github.com/mrclay/minify ）のようなツールがあることは知っていますが、それでも、それはまさに私が望むものではありません（私が望むのはすべてのスタイルです中にいなければならない

これを簡単に実行できるツール/スクリプトはありますか?

4

3 に答える 3

0

これはうまくいくはずです：

<html>
<head>
<style>
    @import url('css/style1.css');
    @import url('css/style2.css');
</style>
</head>
<body>...</body>
</html>
于 2013-08-03T11:04:55.210 に答える
0

これを試してください

<style type="text/css">
  @import url("style1.css");
  @import url "style2.css";
</style>

また

<style type="text/css">
  @import url("style1.css");
  p { color : #f00; }
</style>

http://webdesign.about.com/cs/css/qt/tipcssatimport.htm

また

ファイルを作成し、以下のコードをファイルmain CSSに貼り付けますmain css

@import url('style1.css');
@import url('style2.css');
@import url('style3.css');
@import url('style4.css');

ソースコードの下にheadを追加

<link rel="stylesheet" type="text/css" src="main.css"></link>
于 2013-08-03T10:58:31.027 に答える
0

あなたはphpを使用しているので、このようなことをしてcssを取得できます。

<html>
 <head>
  <style type='text/css'>
   <?php
     $css = file_get_contents('path/to/style1.css'); //get your css contents
     echo $css; //paste your css
   ?>
  </style>      
 </head>
</html>
于 2013-08-05T10:06:35.373 に答える