如何禁用 :hover 影响 rails twitter bootstrap答案

【问题标题】：how to disable a :hover affects rails twitter bootstrap如何禁用 :hover 影响 rails twitter bootstrap
【发布时间】：2013-07-20 19:53:22
【问题描述】：

我有一个链接，除了手形/指针图标外，我不希望悬停影响。现在，默认情况下，它会更改背景颜色和颜色。

我有一个简单的 rails twitter bootstrap 应用程序，在我的主页#index 页面上有一个链接

<%= link_to(activities_path, class: "version muted pull-right") do %>
  <%= APP_VERSION %>
<% end %>

生成以下 html

<a href="/activities" class="version muted pull-right">
  dd6fe0e
</a>

我尝试通过在我的 bootstrap_and_overrides.css.scss 文件中添加以下内容来禁用悬停效果。

a.version :hover { 
  background-color: $bodyBackground; 
  text-decoration: none; 
}

这就是我的 application.css.scss 中的内容：

*= require_self
*= require font-awesome
*= require bootstrap_and_overrides
*= require jquery.Jcrop.min
*= require_tree .

它不会影响任何更改——比如选择器不匹配，但如果我删除 ":hover" 部分，我确实会在链接上看到更改，所以我不确定为什么悬停不申请。（当我将链接的内容包裹在一个跨度中时，一些更改受到了影响，但它在链接上方和下方显示为黑色，好像有一些尺寸差异，但我在 Web 开发人员检查中没有注意到任何内容。

有人可以帮我让这个链接显示没有悬停效果吗？如果我做错了什么，我也会接受建议。谢谢。

【问题讨论】：

【解决方案1】：

只需删除 :hover 之前的空格，如下所示： a.version:hover

【讨论】：