css 원하는 부분 선택자

@욕심쟁이

·

2019. 12. 11. 12:01

반응형

#1,4,7,10....

.boards_cont ul li:nth-child(-3n + 4 )

#4,7,10....

.boards_cont ul li:nth-child(3n + 4 )

#홀수선택

.boards_cont ul li:nth-child(even)

#짝수선택

.boards_cont ul li:nth-child(odd)
.boards_cont ul li:nth-child(2n)

#4번째 부터

.boards_cont ul li:nth-child(n+4)

#1번째 부터 19번째까지

.boards_cont ul li:nth-child(-n+18)

#4번째 부터 19번째까지

.boards_cont ul li:nth-child(n+4):nth-child(-n+19)

#2의 배수

.boards_cont ul li:nth-child(2n)
반응형

'IT > CSS' 카테고리의 다른 글

float 속성  (0) 2019.12.11
ie 호환방법  (0) 2019.12.11
공통css모음  (0) 2019.12.11
CSS로 문자열 자르기 - 한 줄 /여러 줄  (0) 2019.12.11
textarea 크기조절 css  (0) 2019.12.11