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

Question

我正在使用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;
  }
}

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

Answer 1

删除你的scaffold.css.scss，如果它'只是由rails g scaffold命令生成的话。使用zurb-foundation时可能是多余的，并且可以打破其他一些东西。

Answer 2

无法删除被访问的伪选择器，因为它是在您提供页面后由用户的浏览器添加的。如果要覆盖所有链接的颜色更改，请删除＆amp;：visited。如果您只想覆盖按钮，请添加：

a.button {
  &:visited {
    color: #fff !important;
  }
}

这将仅更改按钮类的访问链接颜色。