Why is my a tag( Anchor tag) not black when i indicated black as value

Tell us what’s happening:
My anchor is not converting to black when i have indicated my anchor value to be black.

why is not not black?

  **Your code so far**

<style>
a:{
  color: black;
}

a:hover {
color: blue;
}




</style>
<a href="https://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
  **Your browser information:**

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

Challenge: Adjust the Hover State of an Anchor Tag

Link to the challenge:

Hi @olaoluwauaina !

You need to get rid of the colon here

You should only use the colon with the hover.

2 Likes

I would also advise against messing with the styling of links too much. How they work is part of the language of the web. It would be like if you came to a town where traffic lights, instead of three lights in a vertical line, were five lights or orange, purple, blue, white, and UV in a circle.

1 Like

There’s an unnecessary colon. Remove it.

From what I’ve learned colons are used for pseudo-classes on an element (unless I’m missing something)

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.