CSS :first-child Selector
Select and style every <p> element that is the first child of its parent:
More "Try it Yourself" examples below.
Definition and Usage
:first-child selector is used to select the specified selector, only if it is the first child of its parent.
The numbers in the table specifies the first browser version that fully supports the selector.
Note: For :first-child to work in IE8 and earlier, a <!DOCTYPE> must be declared.
Select and style every <i> element of every <p> element, where the <p> element is the first child of its parent:
Select and style the first <li> element in lists:
Select and style the first child element of every <ul> element:
CSS tutorial: CSS Pseudo classes