HTML target属性とアンカーの色

Posted by dab | 2011年8月6日 土曜日 15:47:48 < コンピュータ >

スタイルシートの属性セレクタ。

  • a[target] { ... } ターゲット属性が指定されている<a>
    <a href=”…” target=”_self”>
    <a href=”…” target=”_blank”>
  • a[target="_blank"] { ... } ターゲット属性に_blankが指定されている<a>
    <a href=”…” target=”_blank”>
  • a[attr~="val"] { ... } attr属性がスペース区切りで、その1つにvalが指定されている<a>
    a[class~="external"]{ color: red; }
  • <a class=”private external”>
  • a[attr|="val"] { ... } attr属性がハイフン区切りで、その1つにvalが指定されている<a>
    a[lang~="ja"]{ color: red; }
    <a lang=”ja-jp”>

これを使って。

a { color: blue; }
a[target=_blank] { color: red; }

この書き方も、いろんなブラウザが対応してきたし、
target属性で新しいウインドウを開くときは色を変えてもいいと思う。

最近は、ステータスバーがないブラウザも増えてきたし、
同じウインドウで開くときと、新しいウインドウで開くときに色分けしておけば、
ステータスバーを確認できなくても、色分けで確認できると思う。

TrackBack URI : http://home.wi-wi.jp/blog/wp-trackback.php?p=562

Leave a comment

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: