Hex code not accepted -- Applied Visual Design: Adjust the Hover State of an Anchor Tag

Contributors
1

https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag

The accepted answer:

<style>
  a {
    color: #000;
  }
  a:hover {
    color: blue;
  }
</style>
<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>

Since the non-pseduo a selector sort of suggests using hex, I figured I’d be fancy and use #00F for the a:hover pseudo selector. However, it is not recognized as correct. Not a big deal, but should probably be fixed since prior lessons explicitly spend time teaching hex and rgb.

Correct, but not accepted:

<style>
  a {
    color: #000;
  }
  a:hover {
    color: #00F;
  }
</style>
<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
1 Like
2

Bugs should be reported as GitHub Issues. Before creating an issue, please do a search to make sure that it hasn’t already been reported.

2 Likes