CSS Pseudo Classes


/ Published in: CSS
Save to your folder(s)

The :first-child pseudo class means "if this element is the first child of its parent". :last-child means "if this element is the last child of its parent". Note that only element nodes (HTML tags) count, these pseudo-classes ignore text nodes.


Copy this code and paste it in your HTML
  1. div#test p:first-child {text-decoration: underline;}
  2. div#test p:last-child {color: red;}

URL: http://www.quirksmode.org/css/firstchild.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.