i am confused on the part where i have to make a new style rule for “a elements within p elements within the nav element with the class value sitenavigation”.
because usually it would ask me to: “For the p element with the class value skipnavigation”…
which would mean i would have to use: “nav.skipnavigation p {”
Ahh, I see. I don’t believe you can attach files in here. So just by going with what you gave us above, yes, I agree, the class name sitenavigation is on the nav element.
i’ve never used anything similar to nav.sitenavigation p a { before.
it’s usually nav.sitenavigation a:hover, nav.sitenavigation a:focus { at the most.
sorry. i’m wondering why the order is nav, and then the class .sitenavigation, and then the elements p then a for a elements within the p elements within the nav element with the class sitenavigation.
The instructions want you to target any a elements that are inside of p elements that are inside a nav element with that has the class of sitenavigation. I’m not sure what other order you could use to do this. That’s the way CSS works. As you move from left to right in the selector list you are narrowing down into the DOM. So you first find the nav with the sitenavigation class, and then you find any p elements inside that nav, and then you find any a elements inside those p elements.