我找到了一些关于覆盖样式设置的信息;然而,我想做的是根本不设置它们。
例如,我希望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 组合设置颜色?
最佳答案
您实际上需要为 h1 a
提供一个值来覆盖样式 - 所以使用:
h1, h1 a {
color: blue;
}
关于css - 如何重置 ZURB/Foundation SCSS 样式设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19908613/