Learn Accessibility by Building a Quiz - Step 47

HTML-CSS
1

Tell us what’s happening:

Your code so far

li > a {
  color: inherit; 
  text-decoration: none;
}

nav > ul > li: hover{
  background-color: #dfdfe2;
  color: #1b1b32;
  cursor: pointer;
}

What is wrong with this code?
I haven’t found the solution so far.

Looking forward to your replies :slight_smile:

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

Challenge: Learn Accessibility by Building a Quiz - Step 47

Link to the challenge:

1 Like
2

I have edited your post as your code was not displaying correctly.
Please ensure that code is enclosed between two sets of triple backticks to make it legible on the forum. You can do this manually or use the Preformatted Text tool (</> icon or CTRL+e).

Your code is fine except for one stray space before the word ‘hover’ in your selector.

3

Okay, I will try it next time :slight_smile:

I have deleted the backspace. The following problem is still raised by the computer:

Sorry, your code does not pass. Keep trying.

You should use the existing li > a selector to set the text-decoration to none.

4

Perhaps there’s a bracket missing or a syntax error somewhere else in your code? When I paste your code and remove the extra space, it passes for me. If you can post your full CSS code, we can check for you.

5

I got it man!

There was just a bracket before the task missing.
I just deleted it.

The task is solved. Thanks for your help!

6

this helped me a lot to understand what I needed to do, because I’m still a little rusty with how a few things suppose to function. Thank you for this post.

1 Like
7

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