CSS :first-child pseudo-class

Complete CSS Reference

Definition

The :first-child pseudo-class adds a special style to an element that is the first child of some other element.

Note: For :first-child to work in IE. A <!DOCTYPE> must be declared.

Examples

In the following example, the selector matches any <p> element that is the first child of a <div> element, and indents the first paragraph inside a div element:

div > p:first-child
{
text-indent:25px
}

In the following example, the selector matches any <em> element that is the first child of a <p> element, and sets the font-weight to bold for the first em inside a p element:

p:first-child em
{
font-weight:bold
}

<p>I am a <em>strong</em> man.</p>

In the following example, the selector matches any <a> element that is the first child of any element, and sets the text-decoration to none:

a:first-child
{
text-decoration:none
}

<p>
<a href="http://www.w3schools.com">Visit W3Schools!</a>
<a href="http://www.w3schools.com">Visit W3Schools!</a>
</p>

Try-It-Yourself Demos

:first-child (does not work in IE unless <!DOCTYPE> is declared)
This example demonstrates the use of the :first-child pseudo-class.

Complete CSS Reference

Add automated outbound phone calls to your application!

Enhance your project with this inexpensive reliable Web Service. Phone calls can be sent as pre-recorded sound files, text to speech, or by using a combination of both. You can also change call flow based on interaction. Phone Notify! is being utilized for fraud prevention, emergency notification calls, courtesy calls, automated telemarketing calls, voice broadcasts, automated dialers, appointment reminders and more. 50 FREE phone calls for W3School users >

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2007 by Refsnes Data. All Rights Reserved.

W3Schools was converted to XHTML in December 1999