• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Selector Reference
  5. Pseudo-classes
  6. CSS3 Pseudo-classes
  7. :first-of-type
  8. CSS Live Demo: :first-of-type (this page)
• See also: All Live Demos

CSS Live Demo: :first-of-type

Type your CSS here: (any properties allowed except expression, behavior and @import) div>p:first-of-type { color:#f09; font-style:italic; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <div> <h2>Blowin' in the wind</h2> <p>How many roads must a man walk down,</p> <p>Before you call him a man?</p> <p>Yes, 'n' how many seas must a white dove sail,</p> <p>Before she rests on the sand?</p> <p>The answer, my friend, is blowin' in the wind.</p> </div>

Show me!

Your results appear here: