티스토리 뷰
div p:nth-child(3) - div 요소 안에서 3번째 자식 요소인 p 태그에 스타일 적용 (1부터 시작)
div p:nth-child(odd) - div 요소 안에서 홀수로 나타나는 자식 요소인 p 태그에 스타일 적용
div p:nth-child(even) - div요소 안에서 짝수로 나타나는 자식요소에 p 태그 스타일 적용
div p:nth-child(2n+1) - div p:nth-child(odd)와 같다.
div p:nth-child(2n+0) - div p:nth-child(even)와 같다.
div p:nth-last-child(3) - div 요소 안에서 마지막에서 3번째 자식 요소인 p 태그에 스타일 적용
어렵다... 어려워.,...
div p:nth-child(odd) - div 요소 안에서 홀수로 나타나는 자식 요소인 p 태그에 스타일 적용
div p:nth-child(even) - div요소 안에서 짝수로 나타나는 자식요소에 p 태그 스타일 적용
div p:nth-child(2n+1) - div p:nth-child(odd)와 같다.
div p:nth-child(2n+0) - div p:nth-child(even)와 같다.
div p:nth-last-child(3) - div 요소 안에서 마지막에서 3번째 자식 요소인 p 태그에 스타일 적용
어렵다... 어려워.,...
'프로그래밍 > CSS 3.0' 카테고리의 다른 글
border-radius 테두리를 둥글게 하는 스타일 (0) | 2012.03.20 |
---|---|
target (타겟) (0) | 2012.03.20 |
링크 밑줄 표시 없애기 (a:link, a:visited, a:hover, a:active) (0) | 2012.03.19 |
CSS 속성 셀렉터 [속성=값][속성 ~= 값][속성 ^= 값][속성 $= 값][속성 *= 값] (0) | 2012.03.19 |
익스플로러 9이하 브라우저에서 CSS3 속성 (radius, shadow) 및 HTML5 태그 사용하기 (0) | 2012.03.19 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- Mobile
- JavaScript
- css3
- jQuery Mobile
- jQuery
- Excel
- Ajax
- 저장프로시저
- Style
- rowspan
- 프로시저
- radius
- CSS
- 셀렉터
- JS
- MSSQL
- Chart
- workbook
- drag&drop
- IE
- json
- ASP.NET
- 제이쿼리
- html5
- 자바스크립트
- SVG
- WebApi
- jquery chart
- grid
- WCF
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함