RX/XE 팁
XE FAQ 는 제가 XE공홈 '묻고 답하기'에 답변한 내용들 중 일부를 정리한 내용입니다. (대부분이 제가 한 답변이죠)
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

전체 681건
번호 카테고리 제목 출처 등록일 조회
공지 XE 기능개선 XE 1.11.18 이후 버전의 익명 수정 버그 수정법 xetown  2023.10.07 2752
공지 XE 기능개선 XE 1.11.14 보안패치 - 타인의 쪽지 내용을 확인할 수 있는 버그 패치방법 xetown  2023.10.03 2851
공지 XE 기능개선 XE 1.11.6 이후 보안배치 #4 file rhymix  2022.07.05 2933
공지 1.11.6 XE 1.11.6 이후 보안배치 #3 rhymix  2022.04.02 2922
공지 1.11.6 XE 1.11.6 이후 보안배치 #1 xetown  2021.06.22 3289
공지 1.11.6 XE 1.11.6 이하 에서 공개댓글을 비밀댓글로 변경시 생길 수 있는 오류 수정법 sejin7940  2021.01.10 3220
공지 XE 기능개선 XE 1.11.4 이후에서 파일 업로드시 정상 작동 안 하는 현상 수정법 XE github  2019.04.02 5998
공지 XE 기능개선 php 7.1 환경에서 XE 오류 나는 경우 확인할 사항 sejin7940  2018.07.11 5923
공지 유용정보 php7.2 환경에서 XE 오류가 생기는 경우 - Object 클래스 변경 필요 XE Github  2017.11.27 8256
공지 XE 기능개선 XE 1.8.30 이하에서 반드시 수정해주셔야하는 부분입니다. XE 1.8.31  2017.02.26 6692
공지 1.8.18 XE 1.8.18 에서 사용시 반드시 수정해야할 사항들 ( XE 1.8.20 이후에서는 수정 불필요 ) xetown  2016.04.03 25799
공지 XE 기능개선 XE 1.8.12 이후부터 proc controller 일부가 작동 안 할 경우 확인할 부분 [1] XE  2015.10.16 25620
620 유용정보 형광팬 밑줄 효과 HTML 및 css 엉클샘의 웹 자료실  2021.01.11 277
619 유용정보 특정 attr 이 있는 요소를 찾는 jquery - hasAttribute designcise  2021.01.10 144
618 유용정보 jQuery.each 구문에서 break , continue 기능 사용하려면.. IfUwanna IT  2021.01.04 147
617 XE 기능개선 아이패드에서 ( 또는 PC 에서 아이패드 모드 ) 무조건 모바일 환경 기반으로 나오게 하려면 sejin7940  2020.11.05 186
616 XE 기능개선 목록에서 오늘 등록한 글은 날짜 대신 시간이 나오게 하려면 sejin7940  2020.10.08 147
615 XE FAQ 카테고리를 선택했을때 글 목록수가 다르게 나타나는 경우 sejin7940  2020.10.02 120
614 XE 기능개선 모바일에서 확대 기능이 안 되는 경우 제한 푸는 방법 sejin7940  2020.09.15 284
» 유용정보 css 로 nth-child 사용 방법 ( 같은종류의 태그로 구성되어 있을 때 원하는 것들만 제어 ) Verdana  2020.09.02 182
612 유용정보 css 리셋 (reset) it-swarm.dev  2020.08.30 190
611 유용정보 div 내부 p 태그 세로 중앙정렬 ( vertical-align ) stack overflow  2020.08.11 200
610 유용정보 페이지 로딩 후 script 함수 실행 관련해 onload() 와 ready() 비교 Jinolog  2020.08.06 4269
609 XE 기능개선 비밀글도 목록에 썸네일이 나오게 하려면 sejin7940  2020.08.03 179
608 XE 기능개선 페이지 내용에 이미지맵(ImageMap) 적용시 링크 작동 안 하면 XE  2020.07.31 160
607 유용정보 form태그 submit시 정보는 가는데 url이동 막으려면 SIR  2020.07.27 566
606 유용정보 크롬에서 bxSlider a 태그 링크이동 오류 yeon.Biju  2020.07.20 532
605 유용정보 카카오톡 인앱 브라우저 닫는 방법 ( script 닫기가 안 되는 경우 ) stack overflow  2020.07.15 2022
604 XE 기능개선 쪽지 팝업창에서 에디터 높이를 줄이고 싶으면 sejin7940  2020.07.14 160
603 다른 XE자료들 캡차 ( captcha ) 애드온이 뒤에 가려 안 보이는 경우 sejin7940  2020.07.10 174
602 유용정보 해당 변수가 숫자인지 확인하는 방법 - is_numeric sejin7940  2020.07.01 139
XE Login