質問箱/2138

カテゴリ
サマリレイアウトのカスタマイズについて(2)
バージョン1.4.3
投稿者金井?
状態完了
投稿日2004-04-23 (FRI) 00:32:43

質問

質問箱/2128で質問させていただいたものです。

reimyさんや、皆さんのおかげでレイアウトのカスタマイズがうまくいきました。

今回のご相談は以下の通りです。

div#○○毎によって、リンクの色を個別に指定したい

  • 使用環境
    • PukiWiki 1.4.3
    • Fedora Core1
    • Apache2.x
    • PHP 4.3.3

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
とは違う色を指定する場合、どうやってリンク色の個別定義をすればいいのでしょうか?

大変お手数ですが、宜しくお願い致します。

回答

  • reimy 2004-04-23 (FRI) 00:45:14

    下記のように定義しておけばいいのでは?

    div#navigator a:link
    {
      ......
    }
    
    div#navigator a:active
    {
      ......
    }
    
    div#navigator a:visited
    {
      ......
    }
    
    div#navigator a:hover
    {
      ......
    }

    ......の部分には、定義したいCSSプロパティを記述します。必ず、汎用のa:activeやa:linkの定義よりも後ろで定義してください。

  • 金井? 2004-04-23 (FRI) 00:57:25

    手元に検証環境がない為、確認できませんが、明日確認させていただきます。 reimyさん、いつも的確なアドバイス、ありがとうございます。

  • 金井? 2004-04-23 (FRI) 23:50:41

    CSSプロパティを定義する事で、無事リンクの色を個別してする事ができました。 ありがとうございます。

  • grn? 2004-08-05 (THU) 21:47:34

    タイトルの色が変えられなくて困っていましたが、この回答で解決しました!私からもありがとうございましたと言わせてください。



トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2005-03-09 (水) 16:51:34
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u1. HTML convert time: 0.333 sec.

OSDN