カテゴリ | |
---|---|
サマリ | レイアウトのカスタマイズについて(2) |
バージョン | 1.4.3 |
投稿者 | 金井 |
状態 | 完了 |
投稿日 | 2004-04-23 (FRI) 00:32:43 |
質問箱/2128で質問させていただいたものです。
reimyさんや、皆さんのおかげでレイアウトのカスタマイズがうまくいきました。
今回のご相談は以下の通りです。
div#○○毎によって、リンクの色を個別に指定したい
default.ja.css の
a:link { color:#215dc6; background-color:inherit; text-decoration:none; } a:active { color:#215dc6; background-color:#CCDDEE; text-decoration:none; }等で画面全体のリンクの色を指定していると思います。
ここで設定すると全てのリンクの色が継承されますが、例えば、div#headerのリンクの色や、div#navigatorのリンクの色を、default.ja.cssの最初で定義している
a:link a:active a:visited a:hoverとは違う色を指定する場合、どうやってリンク色の個別定義をすればいいのでしょうか?
大変お手数ですが、宜しくお願い致します。
下記のように定義しておけばいいのでは?
div#navigator a:link { ...... } div#navigator a:active { ...... } div#navigator a:visited { ...... } div#navigator a:hover { ...... }
......の部分には、定義したいCSSプロパティを記述します。必ず、汎用のa:activeやa:linkの定義よりも後ろで定義してください。
手元に検証環境がない為、確認できませんが、明日確認させていただきます。 reimyさん、いつも的確なアドバイス、ありがとうございます。
CSSプロパティを定義する事で、無事リンクの色を個別してする事ができました。 ありがとうございます。
タイトルの色が変えられなくて困っていましたが、この回答で解決しました!私からもありがとうございましたと言わせてください。