css - ホバー時のアウトライン ノード

Question

これは、ホバー時に div をアウトライン化する例です。

ただし、マウスオーバーして要素をクリックすることでユーザーがDOMノードを選択できるchrome inspector/firebugのようなものをエミュレートしようとしています。

http://jsfiddle.net/Xuddz/57/

ただし、ホバリング時に親ノードの輪郭を描きたくありません (inspect/firebug など)。css経由でこれを行う簡単な方法はありますか?

:hover {
    outline: 1px solid blue;
}
​

ありがとう

Answer 1

あなたの質問にはすでにコードがあります...

ノードに MyNode というスタイルがあるとします。MyNode のホバー スタイルは MyNode:hover... になります。

In the  CSS stylesheet...
Your node is borderless and blue text...
When mouse is over your node then its bordered in red and has red text...


.MyNode
  {
  border-style: none;
  color: #0000FF;
  }

.MyNode:Hover
  {
  border: solid 1px #FF0000;
  color: FF0000;
  }