css或javascript添加：懸停樣式來完成行嗎？

Question

我有一個PRE標記，其中有一堆代碼和幾行代碼。我想在用戶懸停在一條線上時應用：懸停樣式。

有沒有辦法使用CSS或Javascript來做到這一點？我看着：第一線，找不到任何東西。

有什麼想法？

Answer 1

您必須在每一行周圍使用<span class="changeonhover">標籤，然後才能獲得該效果。

Answer 2

pre標籤是轉儲數組的好方法。它不是顯示實際數組或數據的最佳方式。

如果你想做到這一點在CSS： 它環繞一個div

.prediv a:hover{ 
    background-color:blue; 
} 

及用途：

<div class="prediv"><a href="#"><pre>CONTENT</pre></a></div> 

這將通過線的全部內容懸停也不行。 我的建議是使用ul li標籤並在JavaScript中執行for循環並將行轉儲到li中。

希望這會有所幫助。