1, 4, 7 번째 요소를 선택하는 방법은 무엇입니까?

Question

어떻게 1, 4, 7 번째 요소를 선택할 수 있습니까? 어떻게 3, 6, 9 등을 선택 하는가?

패턴은 선택하고 요소를 두 개 남겨두고 세 번째를 선택합니다. 내가 :nth-child을 사용해야한다는 것을 알고 있지만, 정확히 어떻게 해야할지 모르겠습니다.

Answer 1

첫 번째, 네 번째, 일곱 번째 등의 요소 스타일을 지정하는 가장 쉬운 방법은 CSS를 사용하여 다음을 사용하는 것입니다 (사용자가 li 요소를 사용한다고 가정하고 있지만 분명히 사용에 익숙합니다. - 케이스) :

ul { 
    counter-reset: lis; 
} 

li::after { 
    counter-increment: lis; 
    content: counter(lis, decimal); 
} 

li:nth-child(3n+1) { 
    background-color: #f90; 
} 

JS Fiddle demo.

참고 :

• CSS selectors.
• :nth-child().
에 대한

[CSS의 모든 N 번째 요소를 선택]의