CSS CSS Basics (2014) Basic Selectors Pseudo-Classes

maya sophie
maya sophie
5,754 Points

a:link, a: visited ...not working...

All my links turned orange but when I click on any of them stay orange....I added a:visited lightblue but still no change..I restarted workspace,no change..help please

Can you post your css?

maya sophie
maya sophie
5,754 Points

body { color: #878787; margin: 0; }

h1 {
font-size: 90px; color: white; }

h2 { font-size: 53px; }

h3 { font-size: 20px; color: #48525c; }

main-footer {

padding-top: 60px; padding-bottom: 60px; border-bottom: solid 10px orange; }

.main-header { background-color: orange; }

.title { color: white; font-size: 26px; }

.primary-content { text-align: center; }

.t-border { border-top: 2px solid lightgrey; }

a:link { color: orange; }

a:visited { color: lightblue; }

a:hover { color: forestgreen; }

a:active { color: lightcoral; }

a:focus { color: white; background: orange; }

2 Answers

Steven Parker
Steven Parker
207,981 Points

I tried your code and it works for me, but you might want to change the order to put "focus" first.

If you're still having trouble. use the "snapshot" function of the workspace and post the link it gives you here. This will let us examine your complete environment.

maya sophie
maya sophie
5,754 Points

Thank you for your help..everything work fine but not the a:visited...the links remain orange after clicking...I give up,it might be my pc...

MICHAEL CANNODE
MICHAEL CANNODE
5,488 Points

If you're in incognito the visited links don't work. Try it in a regular browser and you'll be good. Hope that helps!