Learn Accessibility by Building a Quiz - Step 47

HTML-CSS
1

Tell us what’s happening:

whatever i do this is not working i am a beginner and even after using chatgpt its still not working

Your code so far

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


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



/* Remove underline from anchor tags within list items and set color to inherit */
li > a {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit the color from the parent element */
    padding: 10px 15px; /* Padding for a button-like appearance */
    display: inline-block; /* Ensure padding and background work as expected */
    background-color: #FFFFFF; /* Initial background color */
    border: 1px solid #000000; /* Optional: Add a border for button-like appearance */
    border-radius: 5px; /* Optional: Add rounded corners */
}

/* Hover effect for navigation list items */
nav li:hover > a {
    color: #FFFFFF; /* Change text color on hover */
    background-color: #000000; /* Change background color on hover */
    cursor: pointer; /* Change cursor to pointer */
}


/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 47

3

Hi there,

Please click the reset button.
After that, click the check button without writing any code.
The hint will tell you what to do next.