2

私は Zurb Foundation ツールキットを使用しています。これには 2 つのスタイルシートが含まれており、1 つは要素の編集と追加に使用される app.css です。以下を app.css に追加すると、インデックス ページに反映または更新されません。私が見たところ、これは非常に単純なはずですが、うまくいきませんでした。Aptana Studio 3 を使用しています。

body {
    background-image:url('carbonfiber.png');
    background-repeat:no-repeat;
    background:#333333;
    background-position:center;
}

#content {
    margin-bottom:2000px
}

#footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:40px;
    clear:both;
    background-color:#C00 padding-bottom: 500px
}
4

1 に答える 1

1

代わりにapp.scssに変更を追加する必要があります

次の手順を実行して、コマンドラインを開きます:(プロジェクトで作業している間はこの画面を開いたままにします）コンパスはyour-project-folderを監視します

次に、.scssに加えられた変更はすべて.cssにコンパイルされます

zurb Foundationでは、最初に_main.scss（sassフォルダーの下）という別のファイルを作成し、次に@importmainを使用して/sass/app.scssファイル内から呼び出します。_main.scssに加えられた変更はすべて、/ main.cssという新しいスタイルシートにコンパイルされ、app.cssファイルに自動的に追加されます。

それが明確であることを願っています。

于 2012-07-06T02:54:52.203 に答える