Select and style every <p> element that is the first child of its parent:
More "Try it Yourself" examples below.
The :first-child selector is used to select the specified selector, only if it is the first child of its parent.
Version: | CSS2 |
---|
The numbers in the table specifies the first browser version that fully supports the selector.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
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