2013-05-14 2 views
0

4 개 그룹의 자식 요소에 대한 스타일을 설정하고 싶습니다. nth-child 스타일에서 사용해야하는 표현은 무엇입니까? 아래는 네 번째 요소마다 스타일을 변경합니다. 내가 갖고 싶어 처음 네/블랙, 화이트, 두 번째 사 등/흑백n 번째 자식 스타일에 대한 표현식을 찾고

ul li:nth-child(4n) { 
    background-color: black; 
    color: white; 
} 
ul li:nth-child(4n+1) { 
    background-color: white; 
    color: black; 
} 

답변

3

그것은 더 나은 방법 수있다,하지만이 작동합니다 :

ul li:nth-child(8n+1), 
ul li:nth-child(8n+2), 
ul li:nth-child(8n+3), 
ul li:nth-child(8n+4){ 
    background-color: black; 
    color: white; 
} 

http://jsfiddle.net/UXgJD/

관련 문제