가상클래스(nth-child,nth-last-child,nth-last-of-type,nth-of-type)

:nth-child()

자식선택자 

li:nth-child(1) {background:#000000}

인경우 첫번째에 스타일을 먹여라 

li:nth-child(odd) {background:#000000}

인경우 홀수만......

li:nth-child(even) {background:#000000}

인경우 짝수만......

li:nth-child(3n)

인경우 3의 배수

li:nth-child(3n+a)

인경우 a번째 부터 3의 배수

li:nth-child(-n+a)

인경우 a번째 부터 그앞의 자식을 선택

:nth-last-child()

nth-child 와 같은 형식이나 출발점을 위에서 부터가 아니라 아래에서 부터 계산해라......

위에서 쓰는거와 같지만 아래는 특정요소를 지정하여 쓸수 있다. 위에는 부모요소내 모든 자식들을 선택하고 밑에는 특정요소를 정해서 사용 할 수 있다.

:nth-last-of-type()

:nth-of-type()