Learn Accessibility by Building a Quiz - Step 47

HTML-CSS
1

this are the instructions

Step 47

To make the navigation buttons look more like typical buttons, remove the underline from the anchor tags.

Then, create a new selector targeting the navigation list elements so that when the cursor hovers over them, the background color and text color are switched, and the cursor becomes a pointer.

and this is my code so far:

li > a {
color: #1b1b32;
text-decoration: none;
cursor: pointer;
}

nav li:hover {
color: #1b1b32;
background-color:#dfdfe2;
transition: 0.7s;
}

Can you guys point in which part I’m not completing it correctly or understanding? Where do I need to focus at?
Thanks in advance

link to the challenge

2

Pls post a link to the challenge.

To me it seems you didn’t successfully switch the color values? (The color is the same for no hover as well as hover?)

3

I did added the link to the challenge :slight_smile:. Perhaps now people will able to provide better help, thank you.

4

the solution was adding “cursor: pointer;” into nav li:hover {} and problem solved

5

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