underline tag when hovering

Question

I want my tag gets underlined when hovered. I have the following code, but it doesn\'t work.

<%@ Page Language=\"C#\" AutoEventWireup=\         


        

Answer 1

The style attribute is more specific than any selector, so it will always be applied last in the cascade (horrible !important rules not withstanding). Move the CSS to the stylesheet.

a.hover {
    color: red;
    text-decoration: none;
}

a.hover:hover {
    text-decoration: underline;
}

(I also suggest a more semantic name for the class).