2
약 20 개의 요소가 포함 된 ul이 있으며 n 번째 자식 선택기를 사용하여 교대로 요소를 대상으로 지정해야합니다.CSS n 번째 자식 - 1/2 - 3/4 번째 패턴
즉
다음1st/2nd - 5th/6th - 9th/10th
3rd/4th - 7th/8th - 11th/12th
A
답변
8
이 시도 :
ul li:nth-child(4n+4), ul li:nth-child(4n+3) {
color:red;
}
이 하나 없음 IE8 지원을!
+0
이전 IE에 대한 지원을 추가하려면 selectivizr을 사용하십시오. – Spudley
관련 문제
- 1. n 번째 자식 셀렉터,
- 2. CSS 클래스 N 번째 자식 선택자
- 3. 두 번째 테이블 행마다 n 번째 자식
- 4. 은 n 번째 자식 선택
- 5. JQuery와 n 번째 자식 문제
- 6. 자동 색 선택을 사용하는 n 번째 자식?
- 7. jQuery 무한 스크롤 + 벽돌 + CSS 미디어 쿼리 + n 번째 자식
- 8. 월 N 번째 주 N 번째 SQL
- 9. 패턴 다음에 n 번째 라인에 프린트를 삽입하십시오.
- 10. IE7 및 IE8의 마지막 자식 및 n 번째 자식
- 11. n 번째 자식 선택기 jquery를 사용하여 선택
- 12. 는 n 번째 방법 : 자식 JQuery와
- 13. jQuery를이 : n 번째 자식 선택기 던지는
- 14. jquery에서 n 번째 자식 선택 javascript
- 15. 모든 N 번째 어린이
- 16. 테이블 구조가있는 jQuery의 n 번째 자식 (n + 2) 문제
- 17. Jquery 콜론 자식 카운트 문제 (n 번째 자식)
- 18. n 번째 자식 또는 첫 번째/마지막 자식 선택기가 작동하지 않습니다. 올바른 방법으로 적용하는 방법?
- 19. div 이미지의 n 번째 자식 (홀수) 셀렉터 사용
- 20. 위로부터 N 번째, N + 1 번째 레코드에 대한 MDX 쿼리
- 21. n 번째 비트가 1로 설정된 n 번째 비트 번호
- 22. 배열 n 번째 행
- 23. 정규식 n 번째 일치
- 24. 텍스트의 n 번째 단어
- 25. n 번째 자녀와
- 26. 문자열의 n 번째 문자를
- 27. 젠 n 번째 요소
- 28. jQuery로 n 번째 문자를 모방합니다.
- 29. PHP는 n 번째 자식과 같습니다.
- 30. 특정 행 클래스에 n 번째 자식 의사 선택기 적용
': nth-child (4n + 1), : nth-child (4n + 2)'do –