Adjust hover state in an anchor tag

Tell us what’s happening:

…Hi friends,kindly review my code and let me know what im doing wrong since this is not working.

Your code so far


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




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

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/534.24 (KHTML, like Gecko) Chrome/71.0.3578.141 Safari/534.24 XiaoMi/MiuiBrowser/11.4.3-g.

Challenge: Adjust the Hover State of an Anchor Tag

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

…im using smartphone how can i change browser or turn off extensions.

Oh simple typo.

After the a tag in css, you put a colon.

Your code:

a: {

}

Correct Code:

a {

}

Make sure to fill in whats remaining and all.

You don’t want to write a colon mark “:” after the anchor element a, therefore, it should read as follows:
a {
color: #000;
}
a:hover {
color: blue;
}

rather than:

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

…thanks for the correction