css或javascript添加一个：悬停样式完成线？

Question

我有一个PRE标签，里面有一堆代码和几行代码。我希望在用户将鼠标悬停在一条线上时应用a：悬停样式。

有没有办法可以使用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。

希望这有帮助。