Learn Accessibility by Building a Quiz - Step 46

HTML-CSS
1

Tell us what’s happening:

I already tried using the child selector to change the font color of the anchors inside of the list elements like this:
nav>ul>li>a{
color:#FFFFFF
}
but just don´t works. I´ll aprecciate any help

Your code so far

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


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

nav>ul>li>a{
  color:#FFFFFF;
}

/* 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/125.0.0.0 Safari/537.36

Challenge Information:

Learn Accessibility by Building a Quiz - Step 46

2

Welcome to the forum @jabberwocky

You should give the a elements inside list items a color property.

There is no mention of targeting the nav or ul, so maybe remove that from the selector.

To pass the tests, you need to include a single space, this makes the code easier to read.
Your previous code.

nav > ul > li {

Happy coding

1 Like
3

Thank you very much for your time, the problem was as easy as including the space between selectors.
For future similars situation, it fix like this:
li > a{
color:#ffffff;
}

4

not accepting this one

5

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.