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

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

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

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

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

:nth-of-type()

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

■ 다른 종류의 형제 요소가 있는 경우에도 ‘요소명’에 해당하는 요소만을 셈

■ img:nth-of-type(2n+1) { float: right; }

■ img:nth-of-type(2n) { float: left; }

   ☞ 동일한 부모 요소 안에 있는 img 요소만을 세어 홀수번째는 오른쪽, 짝수 번째 img요소는 왼쪽으로 배치