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＆gt;设置颜色。手动组合？

Answer 1

您需要为h1 a提供一个值来覆盖样式 - 所以请使用：

h1, h1 a { 
    color: blue;
}

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

1 个答案: