subrayado en link

[araujo_guntin]

Hola...

Quisiera mostrar subrayado en mis link solo cuando el mouse pasa por encima.

intenté con el siguiente código pero no lo logró:
A.titleItem {
FONT-WEIGHT: bold;
COLOR: #194b8a;
TEXT-DECORATION: none;
text-transform: uppercase;
}
A.titleItem:link {
FONT-WEIGHT: bold;
COLOR: #194b8a;
text-transform: uppercase;
}
A.titleItem:hover {
FONT-WEIGHT: bold;
COLOR: #194b8a;
text-transform: uppercase;
}
A.titleItem:visited {
FONT-WEIGHT: bold;
COLOR: #194b8a;
TEXT-DECORATION: none;
text-transform: uppercase;
}

[JavierB]

Hola, araujo_guntin.

A.titleItem:hover {
FONT-WEIGHT: bold;
COLOR: #194b8a;
text-transform: uppercase;
text-decoration:underline; }

Saludos,

[jamesxv7]

Una cosa muy importante es que los elementos de la pseudo clase <A> deben estar en este orden:

Código:

a:link {color: #FF0000}     
a:visited {color: #00FF00} 
a:hover {color: #FF00FF} 
a:active {color: #0000FF}

a:hover deber ir despues de a:link y de a:visited para que se pueda ver el efecto.

a:active debe ir despues de a:hover para que se pueda ver el efecto.