problem with css

Question

what is wrong in this code? css is not working

<style type="text/css">
    .mail a:link {
        color: grey;
    }

   .mail a:visited {
        color: grey;
    }

   .mail a:hover {
        color: white;
    }
</style>

<a class="mail" href="mailto:[email protected]">E-mail: [email protected]</a>

Chandu · Accepted Answer · 2011-05-03 20:56:54Z

7

Your css styles apply to anchor elements that are descendants of .mail and not the anchor elements with class name mail.

Change the style definitions to as below:

<style type="text/css">     
    a.mail:link {         
        color: grey;     
    }     

    a.mail:visited {         
        color: grey;     
    }     

    a.mail:hover {         
        color: white;     
    }   
</style>

answered May 3, 2011 at 20:56

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

morewry Over a year ago

Tangential Tip: it's more efficient to just use .mail (moorer.me/jP97GR). Similarly, you can omit :link for unvisited links.

imjared · Accepted Answer · 2011-05-03 20:56:24Z

3

'a' is not a descendent of .mail.

Try a.mail

answered May 3, 2011 at 20:56

imjared

20.7k4 gold badges56 silver badges76 bronze badges

Collectives™ on Stack Overflow

problem with css

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related