:first-child

p:first-child { ... }

해보기
상위 요소의 첫번째 요소이면서 <p> 요소를 선택합니다.

---

:last-child

p:last-child { ... }

해보기
상위 요소의 마지막 하위 요소이면서 <p> 요소를 선택합니다.

---

:nth-child(n)

p:nth-child(2) { ... }

해보기
상위 요소의 2번째 하위 요소이면서 <p> 요소를 선택합니다. (n)에 대해서

• n은 1부터 시작
• odd(홀수), even(짝수) 반복적으로 요소 선택
• 3n : 3번째 요소 마다 반복적 선택
• 3n+2 : 2번째 요소부터 3번째 요소 마다 반복적 선택
• -n+4 : 첫번째 요소부터 4번째 까지 선택

---

:nth-last-child(n)

p:nth-last-child(2) { ... }

해보기
상위 요소의 끝에서 2번째 요소이면서 <p> 요소를 선택합니다.

---

:only-child

p:only-child { ... }

해보기
상위 요소의 유일한 자식요소인 <p> 요소를 선택합니다.

---

:first-of-type

p:first-of-type { ... }

해보기
상위 요소의 첫번째 <p> 요소를 선택합니다. -child 와 다른점은 -of-type은 유형에서 첫번째 입니다.

---

:last-of-type

p:last-of-type { ... }

해보기
상위 요소의 마지막 <p> 요소를 선택합니다.

---

:nth-of-type(n)

p:nth-of-type(2) { ... }

해보기
상위 요소의 <p> 요소중에서 2번째 요소를 선택합니다.

---

:nth-last-of-type(n)

p:nth-last-of-type(2) { ... }

해보기
상위 요소의 <p> 요소중에서 끝에서 2번째 요소를 선택합니다.

---

:only-of-type

p:only-of-type { ... }

해보기
상위 요소의 자식 요소중 <p> 요소가 유일한 경우 선택합니다.