現在外部リンクでCSSを使っているのですが、リンク設定を
a:hover {text-decoration: none; color: #1E90FF; position: relative; top:2px; left:0px;}
という風に使っています。
しかし、同じページにリンクを2つ作ると上記内容に2つともなってしまいます。
1つだけ上記内容のリンク設定にしたいのですが、どうすればよろしいでしょうか?
質問の内容がわからないようでしたら、説明しますので、回答よろしくお願いします。
No.1ベストアンサー
- 回答日時:
特定のリンクにだけa:hoverを適用したいのでしたら、IDセレクターを。
複数のリンクに適用したいのでしたらクラスセレクターを利用すればよいでしょう。各々事例を挙げると・・・
/* 一つだけなら */
a#koredake:hover {text-decoration: none; color: #1E90FF; position: relative; top:2px; left:0px;}
/*複数なら*/
a.fukusuu:hover {text-decoration: none; color: #1E90FF; position: relative; top:2px; left:0px;}
としておいて、html側では
<a id="koredake" href="kokonitobu.html">・・・・</a>
<a class="fukusuu" href="kokonitobu.html">・・・・・</a>
とやります。
これで、idまたはクラスを指定したところのaタグの設定のみにCSSの設定を限定することができますし、いくつも作れば同じページ内に多数の設定を混在させることが可能です。
ほかにも、子セレクターや子孫セレクターで限定することも可能ですし、方法は多数ありますが、難しいので省略します。興味があるようでしたら、CSSの「セレクター」に関して調べてみてください。
世界一わかりやすい解説ありがとうございます!
素晴らしいです。
ダヴィンチコードをレイトショーで見に行ってたため返信おくれてすみませんでした。
20ポイントでは無く100ポイント差し上げたいくらい分かりやすかったです。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
3COINSのスマートウォッチを使...
-
とあるメルマガについてたPDFで...
-
このスマホは何という機種ですか❓
-
iqoo neo 9と言うスマホがある...
-
初めて中華ゲーム機を購入した...
-
全角入力
-
「PC Helpsoft Driver Updated...
-
テレビみたいにリビングにモニ...
-
スマホ置き忘れ対策を教えて下...
-
ルーターを初期化せず捨てた ど...
-
パソコンの同期について
-
言語の選択や国の選択をする時...
-
良いワイヤレスイヤホン買いた...
-
初めて質問します。 スマホ用等...
-
メルカリの一つのアカウントで ...
-
皆さんのスマホのキャリアは・・
-
EOKIOのヘッドフォンのペアリン...
-
ps3のシステムアップデートをし...
-
surfaceのPro7でzoomをやると重...
-
急に非通知着信がめちゃくちゃ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
3COINSのスマートウォッチを使...
-
メルカリで普通郵便で購入した...
-
「PC Helpsoft Driver Updated...
-
パソコンのWi-Fiについてご相談...
-
イヤホンについて教えてくださ...
-
パソコンのデータについてご相...
-
スマホ
-
GPS機能がその時間帯に動いても...
-
急に非通知着信がめちゃくちゃ...
-
メルカリでは、パーツが破損し...
-
ファミコンでゲームをしていた...
-
テレビの画面の故障を修理する...
-
会社や学校で比較的高価な備品...
-
スマホで撮った写真をUSBケ...
-
10年位前に使っていたパソコン...
-
i久しぶりにプレステ4で遊ぼう...
-
ps3のシステムアップデートをし...
-
100倍倍率双眼鏡は見にくいです...
-
ポータブル電源で使用電源量が...
-
ガレージバンドを開こうと思っ...
おすすめ情報