Learn Accessibility by Building a Quiz - Step 46

Tell us what’s happening:

I have color with with a white value and a darkening of 0.7, but I can’t understand why it still says to me that element a needs to have a color in it

Your code so far

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

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

}

nav>ul>li>a {color: rgba(250,250,250,0.7);}

/* 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/17.5 Safari/605.1.15

Challenge Information:

Learn Accessibility by Building a Quiz - Step 46

they want a different selector. (the color is fine if you get the correct selector)

I try use #FFFFFF but I have the same problem

The color is fine. The problem is the selector. The selector should only mention li and a

two questions now, why can’t we use nav>ul >li >a if it leads to the same thing, and the second question, I tried different variations but it still gives me this error “You should give the a elements inside list items a color property.” even if I write li >a

It should be lia

li>a {color: #ffffff;}
The same problem " You should give the a elements inside list items a color property."

Put spaces around each “>” and both selectors you’ve mentioned work.

Look at the spacing in the previous selectors.

1 Like

In theory I agree that when you create this code for yourself there are multiple selectors that would work. For this step though, they said to select all anchors in the li. They didn’t specify that the li had to be a certain descendant element from something else.