Heojju

[CSS] nth selector 본문

웹개발/CSS

[CSS] nth selector

우주별 2017. 4. 17. 15:12

1 Element:nth-child(n) 부모의 n번째 자식인 Element요소

2 Element:nth-of-type(n) 같은 유형의 n번째 형제인 Element요소


해당 태그 안에 다른 태그가 있을경우에는 2 만 적용이 된다. (IE8 이하에서는 호환되지 않습니다.)


(1) 첫번째 요소(1)

(2) 두번째 요소(2)

(2n) 2배수 요소(2,4,8,```)

(3n) 3배수 요소(3,6,9,```)

(odd) 홀수 요소(1,3,5,```)

(even) 짝수 요소(2,4,8,```)

(3n+2) 3배수+2 번째 요소 (2,5,8,```)

(-n+3) 처음부터 3번째까지의 요소(1,2,3)





'웹개발 > CSS' 카테고리의 다른 글

[CSS] 이미지 흑백처리  (0) 2018.05.30
[CSS] cursor 속성 - 마우스 커서 변경  (0) 2017.07.14
[CSS]placeholder color change  (0) 2017.04.17
[CSS] 버튼 클릭시 outline  (0) 2017.04.11
[CSS]div in div vertical middle  (0) 2017.04.04