Learn Accessibility by Building a Quiz - Step 47

Tell us what’s happening:

I am confused with this:
“You should give hovered li elements a cursor of pointer

I don’t know what does this means. Need suggestions. and thank you in advance.

Your code so far

<!-- file: index.html -->

/* file: styles.css */
/* User Editable Region */

li > a {
  color: inherit;
  text-decoration: none;
nav>ul>li:hover {
background-color: #dfdfe2;
color: #1b1b32;

/* User Editable Region */

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.5 Safari/605.1.15

Challenge Information:

Learn Accessibility by Building a Quiz - Step 47

cursor:pointer is a property which makes the mouse look like a pointer.
You can try it on the hovered li and see if it works.

1 Like

It asks you to add to this selector a property called cursor with the value pointer.
This will change your mouse icon to that pointer hand when you hover over the targeted li elements.

add that property and go over the li elements in the header with your mouse, and you will see your mouse icon changes to a pointer.

Try hovering over here with your mouse: Hover me.

For more:

1 Like