Adjust the Hover State of an Anchor Tag, but it doesnt work

[junok]

Tell us what’s happening:
Trying to get this right, but it doesn’t work. What i’m doing wrong?

  **Your code so far**

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:88.0) Gecko/20100101 Firefox/88.0.

Challenge: Adjust the Hover State of an Anchor Tag

Link to the challenge:

freeCodeCamp.org

[jaket]

Hello junok,

That looks ok.
Put into fiddle and it is working:

• https://jsfiddle.net/s26rvq19/

Might need to cater for Anchor Pseudo-classes

Read this link - Anchor Pseudo-classes:

• CSS Pseudo-classes