文字の色をスタイルシートで設定した時、ハイパーリンクの文字の色を変えたいのですが

締切済

質問者：m109103
質問日時：2010/03/25 01:14
回答数：2件

スタイルシートの定義で質問です。
文字の色をスタイルシートで設定したとき、ハイパーリンクの文字の色を変えたいのですが
やり方が分かりません。よろしくお願いします。

htmlは次の様に書いてます。
これだと、ハイパーリンク文字にマウスをおいても白文字のままです。
この時、赤色にかえたいのですが。

<head>
<style type="text/css">
.style1 {
color: #FFFFFF;
font-size: small;
}
a:hover { color: red; text-decoration: none; }
</style>
</head>

<body>
<a href="xxxx.htm">
<span class="style1">ハイパーリンク文字</span></a>
・
・
</body>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： ORUKA1951
回答日時：2010/03/25 09:50

　リンクの色は、一般文字色と同じになる、背景と同色になる、などよほどの理由がない限り変えないほうが、アクセスビリティ(アクセシビリティ)の観点から避けた方がよい(サイトごとにリンクの色が違うと惑わす)のですが、あえて変更するなら単純にタイプセレクタ (

http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )を使います。

★ページ内に<a name="ABC">などがある場合は、そこにも反応することを避けるため、リンクに関する疑似クラス ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )を使うべきでしょう。
　訪問済みなどは、
★動的な疑似クラス ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )で設定します。

[CSS]タイプセレクタのみ
<style type="text/css">

</style>

[CSS]リンクセレクタを使って、<a name="">に適用しない。
<style type="text/css">

</style>
<ul>
<li><a href="#xxxx">ハイパーリンク文字</a></li>
</ul>
<p><a name="xxxx">ハイパーリンク文字</a></p>

- 0
- 件

通報する

No.1

回答者： hujitomo
回答日時：2010/03/25 01:37

何故 <span> を使うのでしょう？

<a> に直接クラス名を付ければすむのでは？

<style type="text/css">

</style>

<a href="xxxx.htm" class="style1">ハイパーリンク文字</a>