リンク色の個別設定
-
0 名前： さくや ： 2005/11/15 23:24
- ページ全体のリンクをスタイルシートで設定しています。
が、部分的にリンク部分の色を変更したいと考えているのですが、どう設定したらよいでしょうか。
<span style="">などを使っても、思うように変更されず、どうやっていいのか分かりません。
アドバイスよろしくお願いいたします。
-
1 名前： 愛浦憂馬 ： 2005/11/15 23:24 ［URL］
- <a style="color:#FF0000;" href=""></a>
でどうでしょう？
-
2 名前： ｍｄｐ ： 2005/11/15 23:24
- とりあえず以下ソース例（doctype宣言などは省略しています）
<html>
<head>
<style type="text/css"><!--
A.#a:link,A.#a:active{color:#f00;}
A.#a:hover{color:#f99;}
A.#b:link,A.#b:active{color:#0f0;}
A.#b:hover{color:#9f9;}
A.#c:link,A.#c:active{color:#00f;}
A.#c:hover{color:#99f;}
A.#a:visited,A.#b:visited,A.#c:visited{color:#999;}
--></style>
</head>
<body>
<A href="sample1.html" id="a">sample1</A>
<A href="sample2.html" id="b">sample2</A>
<A href="sample3.html" id="c">sample3</A>
</body>
</html>
リンクの色指定はAタグの定義済みクラスで行うものなのでspanは関係ないです。
参照http://www.tagindex.com/stylesheet/link/link_color.html
-
3 名前： 梳 ： 2005/11/15 23:24
- 原理主義的で何だが。
> リンクの色指定はAタグの定義済みクラスで行うものなのでspanは関係ないです。
実はそうでもない。原則、擬似クラスはあらゆる要素に適用できる。
IEがa要素以外に対応していないだけ。
> doctype宣言などは省略しています
どうせ省略するなら
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title></title>
<style type="text/css">
#a:link,#a:active{color:#f00;}
#a:hover{color:#f99;}
#b:link,#b:active{color:#0f0;}
#b:hover{color:#9f9;}
#c:link,#c:active{color:#00f;}
#c:hover{color:#99f;}
#a:visited,#b:visited,#c:visited{color:#999;}
</style>
<p>
<a href="sample1.html" id="a">sample1</a>
<a href="sample2.html" id="b">sample2</a>
<a href="sample3.html" id="c">sample3</a>
</p>
と書くべきだろう。省略できるものはとことんすれば良いが、
省略できないものを省略してはいけない。
-
4 名前： さくや ： 2005/11/15 23:24
- 変更できました！
みなさまのおかげです。
お忙しい中、書込みいただきましてありがとうございました。
