Adjust the Hover State of an Anchor Tag puzzle

HTML-CSS
1

Tell us what’s happening:
I think i completed the task but when i run the code it says that " The anchor tag should have a color of blue on hover." task was not completed. What have i done wrong?

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

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

1 Like
2

here must be


<style>
....
a:hover {
    color: blue;
}
....
3

You have to select anchor tag in hover state so put a before :hover and you should pass.

1 Like
4

i tried putting “a” in front and is still the same issue…

5

srsly, it’s correct

<style>
  a {
    color: #000;
  }
  a:hover{
    color: blue;
  }  
</style>

<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
1 Like
6

still not passing…

7

Putting a seems to work fine for me as i passed the challenge with that.
Try to see through the problem again.

8

much more, when is without “a”, when i hover over the link it does turn blue

a { color: #000; } :hover { color: blue; }

CatPhotoApp

but when the code is without the “a” in front, the link does’t turn blue

a { color: #000; } a :hover { color: blue; }

CatPhotoApp

9

either way, it does not work

10

You have space between a and :hover? Delete it

11

Thank You

12

you’re missing ‘a’ before ‘:hover’