手/ポインターのアイコン以外にホバーの影響を与えたくないリンクがあります。現在、デフォルトでは、背景色と色が変更されます。
ホーム#indexページにリンクがあるシンプルなRails Twitterブートストラップアプリがあります
<%= 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開発者の検査では何も気づきませんでした。
このリンクにホバー効果が表示されないようにするのを手伝ってもらえますか? また、他に間違ったことをしている場合は、提案も受け付けます。ありがとう。