CSS CSS Basics (2014) Basic Selectors Pseudo-Classes

5 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 89,667 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 89,667 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 89,667 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 :(