CSS thứ n-con - phù hợp với các yếu tố thứ 2, thứ 5, thứ 8, ...

Question

Tôi có một danh sách HTML có hỗ trợ CSS Tôi sắp xếp theo các khối của 3 hàng.

Vì vậy, nếu danh sách có 6 yếu tố đó sẽ là 2 hàng x 3 cột, 9 yếu tố - 3 x 3, 12 yếu tố - 4 x 3, vv, vv

Làm thế nào để sử dụng thứ n CSS -bộ chọn nhạt chọn phần tử ở giữa của mỗi hàng? tức là, các yếu tố thứ 2, thứ 5, thứ 8, ....

Cảm ơn trước!

Answer 1

thử

:nth-child(3n+2){} 

đọc thêm ở đây http://reference.sitepoint.com/css/understandingnthchildexpressions

Answer 2

li:nth-child(3n+2) { 
    //whatever you have to do 
} 

Coi đây là một tài liệu tham khảo https://css-tricks.com/useful-nth-child-recipies/

Answer 3

Nếu tôi hiểu câu hỏi của bạn một cách chính xác, :nth-child(3n+2) là những gì bạn muốn. (Xem ví dụ this JSfiddle)