How do I stop a link changing color on hover?

Question

I have an email link on my page that goes blue when hovered over. I can't seem to fix this, i don't want it to change at all. In it's CSS i have it as: ``` .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; } ``` The div's HTML: ```

Telephone: 07777777777
Fax: 07777777777
Email: Info@website.org

``` However it still changes color when hovered over.

Accepted Answer

Change this code:

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

to this code:

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

How do I stop a link changing color on hover?

Solution

Problem