Code not working for me help

Tell us what’s happening:
Describe your issue in detail here.

  **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 (X11; CrOS x86_64 12239.92.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.136 Safari/537.36

Challenge: Adjust the Hover State of an Anchor Tag

Link to the challenge:

Hi @godbody321,

Look well how you wrote the pseudo class. The good syntax should be (example):

a:hover {
  color: red;
}

Your code:

a: hover{
color: blue;}
3 Likes

for some reason the hover isnt working . when i hover over the link it doesn’t turn blue and i don’t pass with this exact code in both formats

i dont understand why it isnt passing me

Right after the word hover put a space then {

I wrote you the good pseudo class syntax and it seems that you didn’t do any tests to figure out what is the issue.

Good syntax (course example):

a:hover {
  color: red;
}

Your code:

a: hover{
color: blue;}

You don’t see anything different between these two syntaxes? Since when, for example, is there space between “:” and “hover”? Did you see any spaces on the class example?

Many similar questions to guide you. You have all the answers in the class seriously talking. You almost have it! :wink:

It is not a mistake even, I agree, it would be more beautiful visually speaking

1 Like