MMRT daily life

CSSを勉強するか！？

投稿日： 2005年 7月 2日

CSS(Cascading Style Sheets)は、むずかしい。以前、『スタイルシート基礎クイズ』で半分しかできなかったことで実証済みだ。（えっへん） いつも、イジるごとに忘れてるんだもん。（歳は取りたかないね）

唐突に質問です！

■スタイルシートA：
a:link { color: red; }
a:visited { color: purple; }
a:hover { color: green; }
a:active { color: yellow; }

■スタイルシートB：
a:active { color: yellow; }
a:hover { color: green; }
a:link { color: red; }
a:visited { color: purple; }

内容はまったく一緒で、並べ順が違うそれぞれのスタイルシートでは、実際にどう表示されるかわかりますか？

スタイルシートでは、同じスタイルが記述された場合、後に記述された方を優先して採用します。

コレ、鉄則らしい。（汗）

よって、Aは、記述どうりに。 Bは、a:visited { color: purple; } が効いてどの状態でも「紫」で表示されるが正解です。わかりましたか？（オマエに言われとーないわ！）

以前、コレで悩んだよぉ～。解決したけど意味がわかってなかったよぉ～。（恥） やっぱり、本で調べるのがいいのかなぁ？でも、いろいろ種類があって迷うんだろうなぁ。

これがよさそうという検索結果。 真剣に欲しいかも・・・。

＞a:hover使ってもリンク無変化!?