Jestem nowy dla tych selektorów i zastanawiałem się, jak bym to zrobił.CSS3: Jak wybrać co 4 i 5 element
Mój selektor musi wybrać czwarty i piąty element, ale musi to nadal robić. Więc trzeba wybrać 4, 5, 9, 10, 14, 15 i tak dalej.
Jak to jest możliwe? W tej chwili mogę wybrać co trzeci taki element:
.pure-g-r .pure-u-1-3:nth-child(3n+3)
Ale nie jestem pewien, jak mogę to przetłumaczyć na to, czego potrzebuję.
Dzięki za pomoc.
rzeczywiście chcesz wybrać każdą parę z 4 i 5 elementu, dzięki skokom na 5.
Tak, tylko korzystać z następujących dwóch selektorów oddzielonych przecinkami.
.pure-g-r .pure-u-1-3:nth-child(5n + 4), .pure-g-r .pure-u-1-3:nth-child(5n)
Dobra, rozumiem, masz rację. –
@ABFORCE BTW - Lepszym sposobem napisania selektora w twojej (usuniętej) odpowiedzi jest po prostu ': nth-child (n + 4)'. Nie ma potrzeby używania 'not' – Itay
Dzięki za pomoc :) –
trochę strona tester nth-child: 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;
}
Imo nie musisz wybierać tego w jednym selektorze. Możesz przejść coś takiego: '.pure-gr .pure-u-1-3: nth-child (3n + 1), .pure-gr .pure-u-1-3: nth-child (3n + 2) ' – Fallup
Nie można ich wybrać w takiej kolejności" 4, 5, 9, 10, 14, 15 ". 9 to, co 4n + 1, 14 to, co 4n + 2, więc nie jest to element "każdy", ale jakiś losowy. – drip
@drip Zobacz moją odpowiedź. – Itay