css - 如何覆盖\编辑 Zurb Foundation 基础 CSS 样式？

Question

这是我第一次将 Zurb Foundation 用于 Web 元素。但是，我不确定是在单独的样式表上用我自己的样式覆盖它们的样式，还是直接编辑 foundation.css。

例如这是他们的导航 css(在 foundation.css 内):

.nav-bar {
    background: #4D4D4D;
    height: 40px;
    margin-left: 0;
    margin-top: 20px;
    padding: 0;
}

如果我想更改background 和margin-top，我是否直接从foundation 编辑.nav-bar。 css 或创建我自己的样式表(将 style.css 放在 foundation.css 下方)并像这样覆盖它:

.nav-bar {
    background: #999;
    margin-top: 0;
}

这是好的做法吗？如果没有，最好的解决方法是什么？

Answer 1

最佳做法是使用您描述的自定义 .css 文件覆盖他们的样式表。这样，如果发布了更新，例如错误修复，那么您只需替换 foundation.css 文件即可。

如果您直接编辑 foundation.css 文件并想更新框架，那么您需要自己手动进行更新。