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 Basic Selectors Pseudo-classes

Posted by Miguel Gonzalez
.a{fill-rule:evenodd;}techdegree
Miguel Gonzalez
Front End Web Development Techdegree Student 3,448 Points

I am unable to select any link using the "tab" key after adding the pseudo-class focus element.

a:link {
  color: darkblue;
  background-color: peachpuff;
  text-decoration: none;
}
a:visited {
  color: seagreen;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  color: white;
  background-color: orange;
}

1 Answer

Travis Alstrand
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Travis Alstrand
Treehouse Teacher
Travis Alstrand
.a{fill-rule:evenodd;}techdegree
Travis Alstrand
Treehouse Teacher

I realize this is an older post, but for anyone else that may experience this or a similar issue..

The code here looks fine, but what was the behavior of the webpage when tabbing through? Was nothing visibly happening? Did we happen to forget to save our code / refresh the browser?

In this scenario it might be useful to copy/paste a snapshot of your workspace so that we can fork it and further inspect what the issue is :smiley: