css - 我在 app.css 中所做的更改不会更新页面

Question

我正在使用 Zurb Foundation 工具包，它包含两个样式表，一个是用于编辑和添加元素的 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
}

Answer 1

您需要将更改添加到 app.scss

只需执行以下操作，打开命令行：（在您处理项目时保持此屏幕打开） compass watch your-project-folder

然后对您的 .scss 所做的任何更改都将编译为 .css

使用 zurb 基础，我首先创建另一个名为 _main.scss 的文件（在 sass 文件夹下），然后使用 @import main 从 /sass/app.scss 文件中调用它；对 _main.scss 所做的任何更改都会编译到名为 /main.css 的新样式表中，并自动添加到 app.css 文件中。

希望很清楚。