Applied visual design: adjust the Hover state

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

 </style>
<a href="http://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>

**or**

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

results in following error"
// running tests

The anchor tag color should remain black, only add CSS rules for the :hover state.

// tests completed

You have added : for the anchor tag so just need to remove that,

a  { 
    color: black;
}
1 Like