css - 如何重置 ZURB/Foundation SCSS 样式设置

Question

我找到了一些关于覆盖样式设置的信息；然而，我想做的是根本不设置它们。

例如，我希望h1 为蓝色，如下所示:

h1 { color: blue; }

我希望 h1 a 与周围的 h1 具有相同的颜色，如下所示:

h1 { color blue;
    a {/*nothing*/}
}

但是，我在我的 app.css 中找到以下代码:

/* Default Link Styles */
/* line 152, ../../../../../../../../../../../../../usr/lib/ruby/gems/1.9.1/gems/zurb-foundation-4.3.2/scss/foundation/components/_type.scss */
a {
  color: black;
  text-decoration: none;
  line-height: inherit;
}

现在，在 app.scss 中排除 _type.scss 是没有意义的(如果可能的话)。我想要文本修饰和行高设置；我只是不想要颜色设置。

文档只是说“链接非常标准，颜色预设为 Foundation 原色。”- 不是很有用。

遗憾的是，我也没有找到取消设置 sass 变量的方法，否则我可以取消设置 $anchor-font-color 并开心。

那么，我是否有机会实现我的目标，还是我必须手动为每个可能的 XYZ > a 组合设置颜色？

Answer 1

您实际上需要为 h1 a 提供一个值来覆盖样式 - 所以使用:

h1, h1 a { 
    color: blue;
}