[CSS3] nth-child와 nth-of-type의 차이
:nth-child 태그의 종류에 상관없이 형제 순서로 선택을 한다. See the Pen [CSS3] :nth-child by mill (@millfeel) on CodePen. out item1 - div inner item1 - li 2 3 4 inner item2 - li out item2 - p out item3 - div .item:nth-child(1) { color: red; } .item:nth-child(2) { color: blue; } *out item1 - div는 의 첫번째 자식이고, inner item1 - li는 의 첫번째 자식이다. *.item:nth-child(2) { color: blue; }가 적용되지 않은 이유는 기준 두번째 자식은 이고, 기준 두번째 자식은 2인데,..
이론/CSS
2021. 10. 28. 11:00
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- outerHeight
- 불일치 연산자
- 동치 연산자
- scrollTop
- prototype 프로퍼티
- 프로퍼티
- @font-face
- 대괄포 표기법
- 일치 연산자
- clientHeight
- innerHeight
- 링크막기 #a링크막기
- clinetTop
- offsetHeight
- 점 표기법
- [[Prototype]]
- constructor
- offsetTop
- javascript class
- 동등 연산자
- property
- 부등 연산자
- scrollHeight
- 객체의 프로퍼티
- __proto__
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |
글 보관함