Solved

CSS Link Hover Color

Posted on 2010-09-06
2
568 Views
Last Modified: 2012-05-10
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
Comment
Question by:Kamilek0617
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 5

Accepted Solution

by:
str82no1 earned 500 total points
ID: 33613189
Try this.

#main_left_red a:hover {
color: #fff !important;
text-decoration:none;
}
0
 

Author Comment

by:Kamilek0617
ID: 33613226
Thanks!
0

Featured Post

How To Reduce Deployment Times With Pre-Baked AMIs

Even if we can't include all the files in the base image, we can sometimes include some of the larger files that we would otherwise have to download, and we can also sometimes remove the most time-consuming steps. This can help a lot with reducing deployment times.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

624 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question