How to stop a link that changes color on hover?

Question

I have an email link on my page that turns blue when it freezes.

I can’t fix it, I don’t want it to change at all. In it, CSS I have this:

.emaillink2 { text-decoration: none; color: white;} a.hover:hover { text-decoration: none; color: white;} #headerinfo { float: right; font-size: 32px; color: white; z-index: 1; text-align: right; margin-top: 20px; text-decoration: none; } 

HTML div:

 <div id="headerinfo"> Telephone: [phone] <br/> Fax: [phone] <br/> Email: <a href="mailto: [e-mail] " class="emaillink2"> [e-mail] </a> </div> 

However, it still changes color on hover.

Answer 1

Change this code:

 .emaillink2 { text-decoration: none; color: white;} 

to this code:

 .emaillink2, .emaillink2:hover { text-decoration: none; color: white;} 

Answer 2

Instead of this

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

Use this.

 a:hover { text-decoration: none; color: white; }