« XML や XHTML のチェックに xmllint --valid を使う | トップページ | Ghostscript で -dSAFER にすると日本語が使えない »

2006年2月16日 (木)

Firefox などの CSS3 を使ってローカルなリンクに別の色を付ける

ローカルなリンクと外部へのリンクを区別したい場合、Firefox など CSS3 を使えるブラウザ相手には、次のようにすれば良い。

a:link[href^="file:"] { color: lime; }
a:link:not([href*=":"]) { color: green; }
a:visited[href^="file:"] { color: olive; }
a:visited:not([href*=":"]) { color: olive; }


ちなみにこのサイトではだいたい次のように設定している。

a:link { color: #cc3333; }
a:visited { color: darkred;}
a:active { color: #ffcc33;}
a:hover { color: #ffcc33;}

a:link:not([href^="http://jrf.cocolog-nifty.com/"]) { color: blue; }
a:link:not([href*=":"]) { color: #990000; }
a:visited:not([href^="http://jrf.cocolog-nifty.com/"]) { color: purple; }
a:visited:not([href*=":"]) { color: darkred; }
a:active:not([href^="http://jrf.cocolog-nifty.com/"]) { color: #ffcc33; }
a:active:not([href*=":"]) { color: #ffcc33; }
a:hover:not([href^="http://jrf.cocolog-nifty.com/"]) { color: #ffcc33; }
a:hover:not([href*=":"]) { color: #ffcc33; }


更新: 05/05/07,06/02/16
初公開: 2006年02月16日 03:58:17
最新版: 2006年03月01日 14:16:33

2006-02-16 03:58:17 (JST) in Firefox, HTML/XML/CSS | | コメント (0) | トラックバック (1)

Firefox」カテゴリ内の最近の記事

HTML/XML/CSS」カテゴリ内の最近の記事

批評や挨拶のためのネットコミュニティ

  • はてなブックマーク(って何?) このエントリーをはてなブックマークに追加 このエントリーを含むはてなブックマーク このエントリーを含むはてなブックマーク
  • Twitter (って何?)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/93568/8683008

トラックバックのポリシー

他サイトなどからこの記事に自薦された関連記事(トラックバック)の一覧です。
» JRF のソフトウェア Tips:Firefox などの CSS3 を使ってローカルなリンクに別の色を付ける (この記事)

» Firefoxのネタ from ネタ蔵

Firefoxのネタを追いかけるヨ! 続きを読む

受信: 2006-02-16 06:23:07 (JST)

コメント

コメントを書く



(メールアドレス形式)


※匿名投稿を許可しています。ゆるめのコメント管理のポリシーを持っています。この記事にまったく関係のないコメントはこのリンク先で受け付けています。
※暗号化パスワードを設定すれば、後に「削除」、すなわち JavaScript で非表示に設定できます。暗号解読者を気にしないならメールアドレスでもかまいません。この設定は平文のメールで管理者に届きます。
※コメントを書くために<b>ボールド</b>、<pre>詩文やソースコード</pre>、<a href="">リンク</a>、その他のHTMLタグが使えます。また、漢字[かんじ]でルビが、[google: キーワード] で検索指定が使えます。


ランダムことわざ: 身から出た錆。