懸停時輪廓節點

Question

下面是一個概述懸停時div的示例。

但是我想模擬一些東西像chrome inspector/firebug，其中用戶可以通過鼠標懸停選擇一個DOM節點並點擊一個元素。

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

不過，我不想徘徊時勾勒父節點（如檢查/螢火蟲）。有沒有簡單的方法來通過CSS來做到這一點？

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

感謝

Answer 1

你的代碼已經在你的問題......

說你的節點有一個名爲MYNODE然後MYNODE懸停風格將MYNODE風格：懸停....

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