css – 覆盖a：使用Rails 3和Foundation 4访问的正确方法是什么？

我正在使用Foundation 4开发一个新的Rails项目.我使用Foundation的类将一个链接转换为一个按钮：

<%= link_to 'New Item',new_item_path,:class => "small button round" %>

按钮出现,看起来像我的意图：

但是,一旦我访问了链接,它看起来像这样：

不太好.

我查看了CSS,发现访问链接的颜色是在scaffolds.css.scss中设置的：

a {
  color: #000;
  &:visited {
    color: #666;
  }
  &:hover {
    color: #fff;
    background-color: #000;
  }
}

如何在链接上正确取消此颜色更改？我知道我可以删除&amp ;:visse部分,但这似乎太暴力了.我认为必须有一个更优雅的方式,但我的CSS / SCSS /基础知识太薄了.

解决方法

如果它刚刚由rails g scaffold命令生成,请删除你的scaffold.css.scss.使用zurb-foundation时可能是多余的,并且可以打破更多其他东西.