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

时间:2012-06-18 21:47:28

标签: css html5 background-image footer zurb-foundation

我正在使用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
}

1 个答案:

答案 0 :(得分:1)

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

只需执行以下操作,打开命令行:(在处理项目时将此屏幕保持打开状态) 罗盘观看你的项目文件夹

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

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

希望很清楚。