• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 589
  • Last Modified:

CSS Link Hover Color

I have the following in my CSS file


#main_left_red {
height: 27px;
/* Background color of promo text block */      
background-color: #b11116;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #000000;
padding: 10px 0 0 10px;
font-family: Tahoma, Arial, Verdana;
font-size: 18px;      
font-weight: bold;
color: #fff;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #f5f5f5;
}


#main_left_red a {
color: #fff;
text-decoration:none;

}

#main_left_red a:hover {
color: #fff;
text-decoration:none;

}

And this in the index.html file

<div id="main_left_red">
           
       
                         <a href="mylocatin.cfm>">txt goes here</a>
           
                  </div>

Regardless, my text turns red color, just like every link on the site  How do I get this one link not to change color?

0
Kamilek0617
Asked:
Kamilek0617
1 Solution
 
str82no1Commented:
Try this.

#main_left_red a:hover {
color: #fff !important;
text-decoration:none;
}
0
 
Kamilek0617Author Commented:
Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now