Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Basics (2014) Basic Selectors Pseudo-Classes

5 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 90,719 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 90,719 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

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 90,719 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

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 :(