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

前端之家收集整理的这篇文章主要介绍了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时可能是多余的,并且可以打破更多其他东西.

猜你在找的CSS相关文章