2.2. Selecting Child Elements Only

2.2.1. Problem

You need to select one or more direct children of a particular element.

2.2.2. Solution

Use the direct descendant combinator (>). This combinator expects two selector expressions, one on either side. For example, if you want to select all anchor elements that reside directly beneath list items, you could use this selector: li > a. This would select all anchors that are children of a list item; in other words, all anchors that exist directly beneath list items. Here’s an example: