CSS for visited link


Please look at this page in IE and Firefox.


In the top dropdown menu when a link has been visited the hovered text gets a dark font the next time you use the drop down.  How can I fix it so that the text is a color such as #ffffff.

Specifically, click on (for example) "Our Locations" -- click on a link and "visit" it and then look how the link then becomes a dark, barely readable color.

The navigation seems to be controlled by the below css snippet:



#nav li a:hover {color: #333333}

#nav li li a:hover {color:white !important}

Open in new window

Rowby GorenAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Add a visited behavior to the CSS
#nav li li a:visited {color:white}

Open in new window

Rowby GorenAuthor Commented:
Hi ksrsinivasan,

I added

#nav li li a:visited {color:white}

to the bottom of the stylesheet, but it did not affect the nav.

Should it be incorporated  in some way to the original below style to make it work?

#nav li li a:hover {color:white !important}

My understanding is there is a certain order that hover, visited etc must be in order for it to all work but I am not sure of that order.

Or is there something else I need to do.

Thanks for helping,

It looks like there is a hover style on the span that is overriding all the other css. Try this.
#nav li li span:visited {color:white !important}

Open in new window

Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Rowby GorenAuthor Commented:

I added #nav li li span:visited {color:white !important}

..... to the very end of the css file and it's still showing a dark cover for visited.

Firebug is not being very helpful to me on this....

Atique AnsariCommented:
Search for #nav ul li.active li a span:hover,#nav ul li.active li.active a span:hover,#nav ul li li a:hover,#nav ul li li span.mainlevel:hover in css.php and replace it with

#nav ul li.active li a span:hover,#nav ul li.active li.active a span:hover,#nav ul li li a:hover,#nav ul li li span.mainlevel:hover{color: #FFFFFF;}

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Rowby GorenAuthor Commented:
Hi atique_ansari,

That appears to have fixed it.  As soon as my partner confirms it in his Apple based browser I'll be awarding teh oints.

In the meantime (to educate me) can you tell me how the change you made -- made the difference???


Atique AnsariCommented:
I inspected the page with Firebug and found the name of class which was being applied on hover. Then I searched it in css.php and replaced the color.
Rowby GorenAuthor Commented:
Thanks!   It seems to be working in all modern browsers :)
Atique AnsariCommented:
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.