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

标签 css html background-image footer zurb-foundation

我正在使用 Zurb Foundation 工具包,它包含两个样式表,一个是用于编辑和添加元素的 app.css。以下添加到 app.css 时不会在我的索引页面上反射(reflect)或更新。据我所见,这应该非常简单,但对我没有用。我正在使用 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
}

最佳答案

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

只需执行以下操作,打开命令行:(在您处理元素时让此屏幕保持打开状态) 指南针看你的元素文件夹

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

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

希望一切都清楚。

关于css - 我在 app.css 中所做的更改不会更新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11091570/

相关文章:

javascript - 在 IE9 中触发输入文件点击

html - 在不影响标题文本的情况下无法移动按钮

api - 我的 App 获得批准并已在 App Store 中后,如何更改其背景

css - 背景大小 : contain across different screen

css - jQuery UI 对话框的自定义样式

html - 在移动 View 中 Bootstrap 上操作列和行

javascript - 打开加载外部 HTML 的模态对话框后 CSS 覆盖

css - 在 react js中为不同的页面应用不同的背景图像

css - 表格中的文本和背景颜色

html - 如何将文本放在 <figure> 中图像的右侧