웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

nth-of-type(n) - 자식 선택자 : 부모로 부터 지정된 요소와 지정된 값이 일치하는 요소를 찾는다. ex) 부모로 부터 세번쩨 자식인 p 요소 선택 ( 예 : p:nth-of-type(3) ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 :nth-of-type(n) p:nth-of-type(3) { background:#ffff00; } :nth-of-type(n) 부모로 부터 지정된 요소와 지정된 값이 일치하는 자식 요소를 찾는다. body로 첫번째 자식요소인 p body로 두번째 자식요소인 p body로 세번째 자식요소인 p div로 부터 첫번째 자식인 p div로 부터 두번째 자식인 p d..

nth-last-child(n) - 자식 선택자 : 부모 마지막 자식(뒤에서 부터)에서 부터 지정된 값만큼의 자식 요소를 찾는다. ex) 부모로 부터 뒤에서 2번째 자식인 요소 선택 ( 예 : p:nth-last-child(2) ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 :nth-last-child(n) p:nth-last-child(2) { background:#ffff00; } :nth-last-child(n) 부모 마지막 자식(뒤에서 부터)에서 부터 지정된 값만큼의 자식 요소를 찾는다. body로 세번째 자식 이면서 마지막 두번째 요소인 p div로 부터 첫번째 자식인 p div로 부터 두번째 자식인 p ..

nth-child(n) - 자식 선택자 : 부모로 부터 지정된 값만큼의 자식 요소를 찾는다. ex) 부모로 부터 3번째 자식인 p 요소를 선택 ( 예 : p:nth-child(3) ) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 :nth-child(n) p:nth-child(3) { background:#ffff00; } :nth-child(n) 부모로 부터 지정된 값만큼의 자식 요소를 찾는다. body로 세번째 자식인 p div로 부터 첫번째 자식인 p div로 부터 두번째 자식인 p div로 부터 세번째 자식인 p div로 부터 하나인 p