CSSでアンダーバーが消えない時の対処法

link_to等リンク関連の記述をすると、どうしても文字の下にアンダーバーがでます。
それらの消し方を備忘録として書いていきます。

解決方法

[例]

dog-name {
  text-decoration: none;
}

上記の記述で大抵は消えてくれますが、
消えない場合があります。

そんな時はこちら

a {
  text-decoration: none;
}

indexや他のhtmlで　< a >タグ　を使っていなくても
この記述で消えてくれました。

　　

カーソルを当てた時だけアンダーバーを出したい時は

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

この二つをセットで使うと
hover時に下線が浮かび上がります。