CSS: how to underline links only whilst hovering (not all the time)?

Posted by Graham Perrin on Feb 03, 2009; 3:04pm
URL: https://support.nabble.com/CSS-how-to-underline-links-only-whilst-hovering-not-all-the-time-tp2263762.html

I'd like to have links underlined only whilst the user hovers over them.

I see <http://n2.nabble.com/help/Answer.jtp?id=39>, <http://n2.nabble.com/site17.css> and <http://n2.nabble.com/Drop-down-css-tt2199646.html#a2201471>.

I experimented,

.wide-table a:link,
.narrow-table a:link,
.child-table a:link
{
    background: url('/images/icon_next.png') no-repeat;
    padding-left: 15px;
} 
td.avatarA a:link,
td.avatarB a:link,
a.category-subject:link {
    background: none;
    padding-left:0;
}
.nabble,
.nabble table,
.nabble .info-message th {
	text-decoration:none;
}
.post-hover {
    text-decoration:underline;
}

Clearly, I don't know CSS!

TIA for any advice.

(The blue arrow aspect is borrowed from <http://n2.nabble.com/-tp2157609p2256354.html>, thanks to Nabble. I wish to suppress the underline so that the blue arrows can draw greater attention.)