Code change:
I believe that Accessibility Quiz step 13 is the first time we introduce the CSS child combinator. (I've looked through the finished CSS for all previous courses and have not found it.) The instructions and hint for step 13 merely say to use it but they don't explain what it does or why it is needed. And really, since the only child in the is the , and there are no embedded s in the list items, then it is not obvious why it is needed in the first place. We also require the child combinator in later steps and I am not finding any explanation for it in those steps either. The current instructions for step 13: The hint if you don't use the child combinator: Add additional information to the instructions: Give the name of the selector (child combinator) Describe what it is used for Explain why it is being used in this step No response N/A I don't have any suggested text at the moment, I just wanted to get this issue recorded so I wouldn't forget about it. And to be honest, I'm not sure what the rationale is for requiring the child combinator here. Perhaps we are just using it merely for the sake of introducing a new feature in CSS?
It would make more sense to introduce the selector in an instance where it is actually needed and with its usage explained. Having said that I don't mind its use here. It should still be explained, because otherwise, what is really being taught? The why might be a little harder to explain in this example if it is only done as a coding style choice. Personally, I do think the child combinator is often preferable to the descendant combinator when applicable, especially when using type selectors. It is more explicit about the location of the targeted element which makes it less side-effect prone (i.e. later targeting elements you didn't mean to as more code is introduced or changed). It is less work for the matching engine. I believe it was used as a bit of a performance enhancement back in the day, but I doubt it really matters much today in most cases (it might if the DOM tree is big enough).
Adding an explanation of the selector would be good. Maybe something like:
Alternative explanation for CSS child combinator step 13: To select all children elements within the parent elements, we use the selector. In this step, use the selector to target the unordered list elements within the elements, and use Flexbox to evenly space the children.
I feel like that's a bit too reductive.
I'm happy with Naomi's suggestion. This seems like a good first timer issue if we are done discussing.
Thanks for opening this issue. This looks like something that can be fixed by "first-time" code contributors to this repository. Here are the files that you should be looking at to work on a fix: List of files: A pull request which resolves this issue should Please make sure you read our , we prioritize contributors following the instructions in our guides. Join us in our or our if you need help contributing; our moderators will guide you through this. Sometimes we may get more than one pull request. We typically accept the most quality contribution followed by the one that is made first. Happy contributing.

Related discussion:
text: # --description-- <ins> The child combinator selector `>` is used between selectors to target only elements that match the second selector and are a direct child of the first selector. This can be helpful when you have deeply nested elements and want to control the scope of your styling. </ins> Use the `>` selector to target the unordered list elements within the `nav` elements, and use _Flexbox_ to evenly space the children. # --hints--