웹표준 html,css,javascript 실무 과정 자료] :nth-child()

웹표준 html,css,javascript 실무 과정 자료] :nth-child()

웹표준 html,css,javascript 실무 과정 자료] :nth-child()

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

:nth-child()

■ 동일한 부모 요소 안에서 n번째 자식 요소마다 스타일 적용

■ ()안의 인수의 종류

1. an + b 식

   n은 0이상의 정수, a와 b는 임의의 정수

   2n + 1 ＝odd ☞ 홀수

   2n ＝ even ☞  짝수

2.odd  ☞ 홀수

3.even ☞ 짝수

■ tr:nth-child(2n+1) {

   backgroundColor: #9999ff;

   }