CSS CSS Basics (2014) Basic Selectors Pseudo-Classes

Arikaturika Tumojenko
Arikaturika Tumojenko
8,897 Points
Posted by Arikaturika Tumojenko
Arikaturika Tumojenko
8,897 Points

All my links are blue and won't change color no matter what I do.

I am using my code in Notepad++ and although it's identical to Guil's, my links won't turn orange. This is the code:

a:link { color: orange; }

a:visited { color: lightblue; }

All links are blue and they won't change color no matter what I do. I tried Developers Tool and I couldn't understand what's the problem.

Here's how my code looks like.

http://jsbin.com/pucuvuyaka/1/edit?html,css,output

3 Answers

Matt Coston
Matt Coston
18,425 Points
Matt Coston
Matt Coston
18,425 Points

This works with my Chrome browser. What browser are you using?

Matt Coston
Matt Coston
18,425 Points
Matt Coston
Matt Coston
18,425 Points

Have you clicked your links already? Your browser may have kept a cache of the site already and shows all the links as visited. I like to try to use /* mouse over link */ a:hover { color: #FF00FF; } to test these things as well.

Arikaturika Tumojenko
Arikaturika Tumojenko
8,897 Points
Arikaturika Tumojenko
Arikaturika Tumojenko
8,897 Points

I found out what the problem was. It's the fact that all links are null links (with the "href="#" form). I changed them to real links and evertyhing works fine now. Thx :).

Yu WANG
Yu WANG
724 Points
Yu WANG
Yu WANG
724 Points

thanks for your answers, I've met the same problem and I got stuck, now I know why ;-)

Michael Culler
Michael Culler
7,363 Points
Michael Culler
Michael Culler
7,363 Points

all my links were orange....i clicked on ONE of them and they ALL turned light blue