.p a:hover{
text-decoration: underline;
}
は間違いで、正解は
p a:hover{
text-decoration: underline;
}
です。
段落の p はクラス名でないので . をつけません。
<p class="******">
の ****** がクラス名です。
ただし、上記の正解 CSS を追加してもたぶん反映されないと思います。
理由は以下のページの「3.4. CSSの指定の強さ」を読んでください。
できる!WordPressカスタマイズ #01 簡単なデザイン(CSS)カスタマイズ方法徹底解説
指定が強い CSS がすでに存在するときは、それ以上の指定の強さが必要です。
アンダーラインが出る場所と、出ない場所があるのを統一したいな・・・
たぶん、以下の CSS を追加すれば、グローバルメニューも含めて
すべてのテキストリンクにホバー時の下線をつけることができます。
a:hover {
text-decoration: underline !important;
}
今回の poohdai515 さんの場合、
上記の CSS に加えてグローバルメニューのテキストリンクに
クラス指定をつけて text-decoration: none !important;
を指定するやり方もありますが、
!important
を !important
で上書きするのは変なかんじです。
!important
は他にやり方がない場合の最終手段ですので。
該当箇所のクラス指定を調べて、個々に CSS を上書きしてやるのが
正統な、破綻が起きないやり方だと思います。
同じhtmlを固定ページのコンテナと、ウィジェットに入れても
アンダーラインの表示方法は違う
これは、もう仕方ないんですかね・・・
はい、仕方ないです。
テーマ制作者がそのように意図して作ったものなので。
-
この返信は3年、 7ヶ月前に対馬 俊彦が編集しました。
-
この返信は3年、 7ヶ月前に対馬 俊彦が編集しました。