覆盖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

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

Answer 2

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

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

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