Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Basic Selectors Pseudo-Classes

Mazharul Islam
Mazharul Islam
3,042 Points
Posted by Mazharul Islam
Mazharul Islam
3,042 Points

a:visited not working

Snapshot - https://w.trhou.se/gb3o9felpp

5 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Hi there

I just forked your workspace and your visited links seem to be working now. Can you confirm? :-) They're currently styled with the lightblue colour value.

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Can you post the code you're trying to the forum? Every link I've tried acts as if it has been clicked with the correct styling. Thanks.

Mazharul Islam
Mazharul Islam
3,042 Points
Mazharul Islam
Mazharul Islam
3,042 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; }

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

I've forked your workspace again and I can see the visited links are working. All they do is change the link colour to a light blue

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;
}

/*style visited links*/
a:visited {
  color: lightblue;
}

Try copying this code to your workspace.

Mazharul Islam
Mazharul Islam
3,042 Points
Mazharul Islam
Mazharul Islam
3,042 Points

I am so sorry. I tried to run the code on incognito mode. That is why it was not showing visited link. I am so dumb :(