Adjust the Hover State of an Anchor Tag1

HTML-CSS
1

what should be done ? I have changed anchor tag to hover and its color is black , but still it doesn’t satisfy the conditions.Please help me out and thanks in advance.

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/66.0.3359.181 Chrome/66.0.3359.181 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

2

here’s the original css:

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

And the instructions were: Add a rule so that when the user hovers over the a tag, the color is blue.

so blue not black will fix this.

3

The anchor tag color should remain black , add CSS rule to :hover state. This condition is not satisfied.After i made the changes.

a:hover { color: blue; }

CatPhotoApp

4

yes. So just add a new rule, leave the old css for a tag exactly the same and add a new rule with color blue. So hopefully you’re good now…