Assessment wanted for Cascade skill test 1

I understood what I read in this module but I don’t seem to understand again after doing this module. I know it sounds strange but then, I need help.

I first used
div #outer .container #inner div ul li .nav a{
background-color: red;
}
Why is the background-color property not working even after including the two IDs selector?

Note: I don’t know how to provide the link to this as I don’t know how to use Github/Git though I’ve opened an account earlier today. I don’t know if you could help me through this. Sorry for the long post

I first use
#outer div li . nav a {
all: unset;
}
but it will remove the padding in between and then I applied
#outer div li . nav a {
background-color: initial;
}

www.codepen.io/rohangoel18/pen/zYvqQYG

2 Likes

@Rohan_Goel looks pretty good — well done!

2 Likes

This is what i did. Not sure if it’s the solution done the right way but it did the trick

#outer div ul .nav a {
background-color: initial;
}

that’s nice, but I would do like this:
#outer div ul .nav a[href="#"]{
background-color:inherit;
}
So we make sure is that elements marked with the “#” href the ones that are modified.