0

ナビゲーションリンクにホバーの下線が付いている場合、この問題が発生します。text-decoration：noneを配置しようとしました。css全体を調べましたが、下線の原因が見つかりません。

そこで、firebugを使用して、下線が引かれている特定の場所のcssを確認しました。私は自分のものではないこのCSSを取得します。

@font-face {
    font-family: "EB Garamond";
    font-style: normal;
    font-weight: 400;
    src: local("EB Garamond"), local("EBGaramond"), url("http://themes.googleusercontent.com/static/fonts/ebgaramond/v4/kYZt1bJ8UsGAPRGnkXPeFYbN6UDyHWBl620a-IRfuBk.woff") format("woff");
}

私の質問は、このスタイルをどのように変更するかです。そして、このスタイルは何ですか？

4

3 に答える 3

1

問題を解決する最速の方法はtext-decoration:none !important;、css セレクター、できれば特定のセレクターで使用することです。

その css は、使用するカスタム フォントを指定し、どこからログに記録するか (http://themes.googleusercontent.com/) を指定し、使用時のフォントの太さなどの既定の設定を指定します。その後、font-face が設定されるたびに、EB Garamondこれらのデフォルトがロードされます。そのクラスはここにリストされているため、下線については責任を負いません。

于 2012-07-25T19:39:48.190 に答える
0

スタイルを上書きするのはおそらく他のどこかです。それを次のようにオーバーライドします：

a:hover{
    text-decoration:none !important;
}

重要なのは、他のスタイルシートを上書きするようにブラウザに指示することです

于 2012-07-25T19:20:58.297 に答える
0

また、リンクに下線を付けたくない場合は、アンカー タグ (またはそのクラスまたは ID) 自体、および hover、active、visited 疑似クラスの CSS を text-decoration:none に変更する必要があります。このような：

a, a:visited, a:hover, a:active {
    text-decoration: none;
}

クラスに対してこのようなセレクターを使用できる場所 (クラスが a タグに適用される場所)

.class, .class:visited, .class:hover, .class:active

またはIDの場合はこのように（タグにこのIDがある場合）

#id, #id:visited, #id:hover, #id:active
于 2012-07-25T19:23:23.177 に答える