Solved

CSS Link Hover Color

Posted on 2010-09-06
2
559 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
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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

803 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