CodePen - CSS Nth Child and Type Selectors

X:nth-child(n)

List Item
- Child
- Child
- Child
List Item
List Item
List Item

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Nettuts tempor. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Nettuts tempor. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Nettuts tempor. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Nettuts tempor.

PNG Image ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum Nettuts+ sit amet, consectetur "Getting Good with Git" elit, sed do eiusmod tempor.

X:nth-last-child(n)

List Item
- Child
- Child
- Child
List Item
List Item
List Item

PNG Image ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Lorem ipsum Nettuts+ sit amet, consectetur "Getting Good with Git" elit, sed do eiusmod tempor.

X:nth-of-type(n)

List Item
- Child
- Child
- Child
List Item
List Item
List Item

List Items
List Items
List Items

X:nth-last-of-type(n)

List Item
- Child
- Child
- Child
List Item
List Item
List Item

List Items
List Items
List Items

X:first-child and X:last-child

List Item
List Item
List Item

X:only-child

My paragraph here.

Two paragraphs total.

X:only-of-type

My paragraph here.

List Item
List Item

Two paragraphs total.

List Item

X:first-of-type

My paragraph here.

List Item 1
List Item 2

List Item 3
List Item 4