Bu seçiciler için yeniyim ve böyle bir şeyi nasıl yapacağımı merak ediyorum.CSS3: Her 4. ve 5. elemanın seçilmesi
Seçicimin 4. ve 5. öğeleri seçmesi gerekiyor, ancak devam etmesi gerekiyor. Yani 4, 5, 9, 10, 14, 15 vb.
Bu nasıl olabilir? Şu anda şöyle her üçüncü öğeyi seçebilirsiniz:
.pure-g-r .pure-u-1-3:nth-child(3n+3)
Fakat o ihtiyacım olanı çevirmek nasıl emin değilim.
Yardımlarınız için teşekkür ederiz.
Aslında sadece aşağıdaki iki virgülle ayrılmış seçicileri kullanın Yani 5.
ait atlar ile, 4. ve 5. element her çift seçmek istiyor.
.pure-g-r .pure-u-1-3:nth-child(5n + 4), .pure-g-r .pure-u-1-3:nth-child(5n)
Tamam, haklısınız, haklısınız –
@ABFORCE BTW - Seçiciyi (silindi) cevabınıza yazmanın daha iyi bir yolu basitçe: 'nth-child (n + 4)' dır. – Itay
'u kullanmanıza gerek yok. Yardımlarınız için teşekkürler :) –
biraz n'inci-çocuk tester sayfa: 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;
}
İkisini de tek bir seçicide seçmek zorunda değilsiniz. Böyle bir şeye gidebilirsin: .pure-gr .pure-u-1-3: nth-child (3n + 1), .pure-gr .pure-u-1-3: nth-child (3n + 2)) – Fallup
Bunları "4, 5, 9, 10, 14, 15" sıralamasında seçemezsiniz. 9, 4n + 1, 14'ün ne olduğunu 4n + 2, yani bu "her" eleman değil, fakat bazı rasgele. – drip
@drip Yanıtımı gör. – Itay