htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。はじめは一部のリンク箇所だけが反映されなかったのですが、訪問済みになった箇所がどんどん反映されなくなってしまい、しまいにはすべての箇所が反映されなくなりました。ただし、それはunderlineのみでfont colorやboldはしっかり反映されているのです。
これはなぜでしょうか?
ちなみにscriptの記述は一切していません。
最初は同様の記述を外部ファイルにしていたのですが
うまく読み込めていないのかと思って、htmファイル内に
記述しましたがダメだったというわけです。
<style type="text/css">
<!--
body { font-size: 10.5pt; line-height: 130%}
table { font-size: 10.5pt; line-height: 130%}
a:hover{ text-decoration: underline; color: #FF0080; font-weight: bold}
a:active { text-decoration: none}
a:link { text-decoration: none}
a:visited { text-decoration: none}
-->
アドバイスお願いいたします。
No.1
- 回答日時:
a:visited { text-decoration: none}
の記述は訪問済みのリンクの下線を表示しなくするものです。
Hoverで下線表示の指定をしてもvisitedで打ち消してしまってます。
この場合a:visited { text-decoration: none} の記述を消してしまえば
意図した通りに表示されますよ。
この回答への補足
早速のご回答ありがとうございます。
a:visited { text-decoration: none} をとったら
訪問済みは下線がでてしまいます。
マウスオーバーしたときのみ下線がでてほしいのです。
そのようなサイトを見たことがあったので
なにか方法があると思うのですが..。
No.2ベストアンサー
- 回答日時:
順序が良くないです。
visitedを消すのではなく、hoverを一番下に記述すれば大丈夫です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSを一部無効にしたい
-
<input type="file"> の幅
-
リストの前後の行間をなくす方...
-
アンダーラインのカラー
-
ブラウザによって異なるフォン...
-
上付き文字と下付き文字を同時...
-
全角半角含めて等幅で表示したい
-
DreamWeaverで</head>の前のス...
-
Notepad++で日本語文字が化ける。
-
リンク文字
-
background-color: #ddd;の意味...
-
VB6でWebBrowserへスタイルシー...
-
Format 関数 表示書式指定文字...
-
■(四角)の記述
-
CSSのid名class名の重複回避方...
-
テキストファイルの行を指定し...
-
CSSでfont-size、pxの絶対値、...
-
fontサイズ指定の ”-(マイナ...
-
API Sleep関数について
-
PC版のサイトをスマホに対応さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSについて教えてください。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
特定の文字のみcssを適用するに...
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
リンク文字
-
アコーディオンメニューが思う...
-
テキストエリア内の文字の装飾
-
API Sleep関数について
-
Excel VBA メール作成について ...
-
<pre>のフォントサイズを指定す...
-
上付き文字と下付き文字を同時...
-
指定の文字だけ色を変える
-
background-color: #ddd;の意味...
-
CSSを一部無効にしたい
-
h1タグのパンくずリストへの設置
おすすめ情報