CSS `:first-child` Selector

Example

Matches the first  element within the parent element of .

p:first-child
{ 
    background-color: yellow;
}

The :first-child selector matches the first child element within its parent element.

The numbers in the table specify the first browser version that fully supports the property.

Selector
:first-child	4.0	7.0	3.0	3.1	9.6

Note: The :first-child selector must be declared with <!DOCTYPE> in IE8 and earlier versions of IE.

Selects and styles each  element within  elements, where the  element is the first child of its parent:

Styles the first <li> element in a list:

li:first-child
{
    background: yellow;
}

Styles the first child element of every <ul> element:

ul>:first-child
{
    background: yellow;
}