XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
| 출처 | Verdana |
|---|---|
| 출처URL | https://verdana1012.tistory.com/entry/CSS-nthchild-n%EB%B2%88%EC%A7%B8-%EB%B6%80%ED%84%B0-n%EB%B2%88%EC%A7%B8-%EA%B9%8C%EC%A7%80-css%EC%A0%81%EC%9A%A9 |
css 로 nth-child 사용 방법
( 참조 사이트 2가지를 조합해서 sejin7940 정리 )
nth-child()는 형제 요소 중에서 특정 순서에 있는 요소를 선택할 때 사용합니다.
( 반응형 등에서 많이 사용하게 됨 )
문법
:nth-child( an+b)
a와 b는 정수입니다. 0과 음수도 가능합니다.
n에는 음이 아닌 정수, 즉 0, 1, 2, 3, …이 차례대로 대입됩니다.
an+b 대신에 even, odd를 넣을 수도 있습니다.
사용예시
/* 5번째 */
.box:nth-child(5) { }
/* 홀수 */
.box:nth-child(odd) { } 또는 .box:nth-child(2n+1) { }
/* 짝수 */
.box:nth-child(even) { } 또는 .box:nth-child(2n) { }
/* 7, 14, 21, 28 번째 box 배경색 변경 (7의배수) */
.box:nth-child(7n) { }
/* 22번 부터 이후 모든 box 폰트색 변경 */
.box:nth-child(n+22) { }
/* 1번째 부터 5번째 까지 box 배경색 변경 */
.box:nth-child(-n+5) { }
/* 16번째 부터 19번째 까지 box 배경색 변경 */
.box:nth-child(n+16):nth-child(-n+19) { }
/* 마지막에서부터 순서를 계산 */
/* 마지막에서 부터 3번째 */
.box:nth-last-child(3) { }
출처:
https://verdana1012.tistory.com/entry/CSS-nthchild-n번째-부터-n번째-까지-css적용
https://www.codingfactory.net/10781
추천 (0)
비추천 (0)
