Adjust the hover state of an anchor

[charl414]

Tell us what’s happening:
Describe your issue in detail here.
I have a: color: #000
a: hover{
color: blue;
}
It is not going through, it is saying the color should be black. What am I 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Challenge: Adjust the Hover State of an Anchor Tag

Link to the challenge:

freeCodeCamp.org

[stefan2007octavian]

@charl414

a: {
  color: #000;
}

Delete : from a:

[Exotic]

@charl414

a: {
  color: #000;
}

When you style html tags in css without any effects you only use the name of the tag. In this case just an a{color:#000;} is only needed.
Things like : or :: are used only for special cases like hover or focus and the like .

[LucLH]

Your code is good. You have a little syntax issue. The exercice says:

The code editor has a CSS rule to style all a tags black. Add a rule so that when the user hovers over the a tag, the color is blue.

The exercice doesn’t say to delete the style for the links in black. You did the previous lessons, you saw the syntax for a CSS rule.

Example:

selector {
  property: value;
}

selector:hover {
  property: value;
}

Your code:

a: {
  color: #000;
}

a:hover {
  color: blue;
}

Do you see the issue in your syntax?