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

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

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

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

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

:nth-child() & :nth-last-child()  & last-child(

: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;

   }

:nth-last-child()

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

■ 나머지는 nth-child() 와 같음