css or javascript add a :hover style to complete line?

I have a PRE tag with a bunch of code in it and several lines. I want to apply a :hover style when a user hovers over a line.

Is there a way 开发者_JAVA技巧I could do this using CSS or Javascript? I looked at :first-line and couldn't find anything.

Any idea?

You have to use the <span class="changeonhover"> tag around each line and then you can have that effect.

pre tags are good way of dumping an array. Its not the best way to display the actual array or data.

If you want to do it in CSS: wrap it around a div

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

And use:

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

This would hover the whole content not line by line. My suggestion is use ul li tags and do a for loop in JavaScript and dump lines into li.

Hope this helps.