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 是没有意义的（如果这可能的话）。我想要文本装饰和行高设置；我只是不想要颜色设置。

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

可悲的是，我也没有找到取消设置 sass 变量的方法，否则我可以取消设置$anchor-font-color并感到高兴。

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

Answer 1

您需要实际给出一个值h1 a来覆盖样式 - 所以使用：

h1, h1 a { 
    color: blue;
}