css - 用 Rails 3 和 Foundation 4 覆盖 a:visited 的正确方法是什么？

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/Foundation 知识太薄了。

Answer 1

如果脚手架.css.scss 只是由rails g scaffold命令生成的，请删除它。使用 zurb-foundation 时它可能是多余的，并且可能会破坏其他一些东西。

Answer 2

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

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

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