구조적 가상 클래스 선택자

structural pseudo(가상의)-classes
구조적 가상 클래스 선택자

1.first-child: 첫번째 요소.

ex)

li:first-child {
	color:~;
}

여러 li 요소중 첫번째만 선택됨

2. last-child:마지막 요소.
여러 li 요소중 마지막만 선택됨(더 추가를 해도 항상 맨 마지막만 선택됨)

3. nth-child: n번째 요소.
ex)

li:nth-child(3) {
	color:~;
}

li중에서 세번째가 선택되는것 (편리)

참고로! 짝수를 표현하고싶으면 (2n), 홀수는(2n-1)
홀수인애들/짝수인애들 선택된다