悬停时的轮廓节点

Question

以下是在悬停时概述div的示例。

但是我试图模仿chrome inspector / firebug之类的东西，用户可以通过鼠标悬停并单击元素来选择DOM节点。

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;
  }