CSS3: Cách chọn mọi phần tử thứ 4 và thứ 5

Question

Tôi mới làm quen với các bộ chọn này và tôi đã tự hỏi làm cách nào để tôi thực hiện một việc như vậy.

Bộ chọn của tôi cần chọn phần tử thứ 4 và thứ 5, nhưng sau đó nó cần tiếp tục làm như vậy. Vì vậy, nó sẽ cần phải chọn 4, 5, 9, 10, 14, 15 và như vậy.

Làm cách nào có thể? Tại thời điểm này, tôi có thể chọn mọi mục thứ ba như vậy:

.pure-g-r .pure-u-1-3:nth-child(3n+3) 

Nhưng tôi không chắc chắn làm thế nào tôi có thể dịch nó thành những gì tôi cần.

Cảm ơn bạn đã được trợ giúp.

Answer 1

Bạn thực sự muốn chọn tất cả các cặp vợ chồng từ ngày 4 và yếu tố thứ 5, với bước nhảy của 5.

Vì vậy, chỉ cần sử dụng hai bộ chọn bằng dấu phẩy sau.

.pure-g-r .pure-u-1-3:nth-child(5n + 4), .pure-g-r .pure-u-1-3:nth-child(5n) 

jsFiddle Demo

Answer 2

một chút trang thử nghiệm thứ n con: http://css-tricks.com/examples/nth-child-tester/

.pure-u-1-3:nth-child(5n + 4), .pure-u-1-3:nth-child(5n){ 
    color:red; 
} 

http://css-tricks.com/useful-nth-child-recipies/

http://css-tricks.com/how-nth-child-works/