だぶだぶノート

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

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

これを使って。

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

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

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