No.2ベストアンサー
- 回答日時:
それでしたら、
[CSS]
a.blue:link { color: blue; }
a.blue:visited { color: blue; }
a.blue:hover { color: red; }
a.blue:active { color: red; }
a.green:link { color: green; }
a.green:visited { color: green; }
a.green:hover { color: orange; }
a.green:active { color: orange; }
[HTML]
<a class="blue" href="...">XXXXX</a>
<a class="green" href="...">XXXXX</a>
と記述してはどうでしょう?
ちなみにCSSの a.blue... という記述はHTMLの<a>タグのclass属性が"blue"のものに対して、という意味になります。
また、HTML初心者であれば「とほほのWWW入門」を参考にしてみてはいかがですか?
http://www.tohoho-web.com/www.htm
ここでHTMLとCSSの記述方法は一通り分かると思います。
できました。
>ちなみにCSSの a.blue... という記述はHTMLの<a>タグのclass属性が"blue"のものに対して、という意味になります
なるほど、この考え方はいろいろ応用してみます。
ありがとうございました。
>また、HTML初心者であれば「とほほのWWW入門」を参考にしてみてはいかがですか?
http://www.tohoho-web.com/www.htm
初心者も初心者、一週間目くらいです。
URLありがとうございます。
No.1
- 回答日時:
スタイルシートで青色用と緑色用の二種類のクラスを定義してそれらを使い分けすればいいと思います。
[CSS]
a.blue {
color: blue;
}
a.green {
color: green;
}
[HTML]
<a class="blue" href="...">XXXXX</a>
<a class="green" href="...">XXXXX</a>
上記のように記述すれば1つめのリンク文字は青色に、2つめのリンク文字は緑色になります。
ありがとうございます。
結論としてまだ解決していません。(私のHTML知識の無さが原因)
私は[HTML]を、
a:link { color: #0000cc; }
a:visited { color: #0000cc; }
a:hover { color: #cc0033;}
a:active { color: #cc0033; }、と書いています。
この時点で、いただいた回答と書き方が違うので、分らなくなっていきました。
それでも、参考にして応用的に書き換えましたが、やはり欲しい色の変化になりませんでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのクラス名・ID名の指定でワ...
-
サイトにjQueryが使用されてい...
-
HTML要素のid/class名の長さに...
-
htmlの文字が縦書きになる
-
含む含まないという概念自体の...
-
【ヒトの神秘】美男美女から何...
-
htmlについて質問です! 写真の...
-
font-sizeが効かない
-
ulとliで囲った文字の一部を変...
-
質問1.
-
CSSがなぜかfont-sizeだけ効か...
-
CSSのセレクタに指定するbodyと...
-
添付画像のようなツリーリスト...
-
htmlのolやulなどlistにtitleや...
-
FireFoxでリンクをクリックして...
-
UDP通信を使うチャットプログラ...
-
Macで画像の切り抜きできないの?
-
スクロールボックスを中央に配...
-
CSSの「a」と「a:link」の違い...
-
番号付きリスト(<Ol><Li>・・...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idの中のid指定
-
HTML要素のid/class名の長さに...
-
サイトにjQueryが使用されてい...
-
CSSのクラス名・ID名の指定でワ...
-
CSSに同じclass名がいっぱい‥。...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
個別にリンクの色を変える方法
-
liリストタグの背景色に色がつ...
-
CSS, リンクの色を一部変えるに...
-
<span>で2重にかけているものを...
-
【CSS】特定のリンクを含むaタ...
-
display:table-cell内でこんな...
-
ページの左右の余白(枠外)に...
-
外部css定義したclassをht...
-
brにクラスをつけてcssでdispla...
-
Django 明細行にてボタンを押下...
-
最近、HTMLのヘッダーをIDで定...
-
CSSが効かずどのように指定すれ...
-
外部スタイルシートで定義した...
おすすめ情報