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
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.