Muhtemelen kendi soruma cevap veriyorum, ama çok merak ediyorum.

Eğer üst çocuklar belirli bir miktar varsa CSS ebeveynlerden birinin tek çocuk seçebilirsiniz, ama tarzı için bir kabın çocuklara destek olduğunu biliyorum.

örneğin

container:children(8) .child {
  //style the children this way if there are 8 children
}

Kulağa garip geliyor biliyorum, ama menajerim beni aramayı sonlandırmadan önce, bu YÜZDEN dönmeye karar verdim kontrol etmesi için, kendi başıma bir şey bulamadı diye sordu.

Açıklama:

Asıl soruya bir önceki cümle yüzünden, vatandaşlar için bir kaç bu cevap yanıltıcı olabilir endişeleri artırdı. Bu, CSS3, uygulanamaz stilleri unutmayınüst düğümçocuk sayısına göre vardır. Ancak, stilleriolabilirçocuklar için düğüm sayısına göre uygulanabilirkardeşlerimvar.

Orijinal cevabı:

İnanılmaz, bu artık mümkün tamamen CSS3.

/* one item */
li:first-child:nth-last-child(1) {
    width: 100%;
}

/* two items */
li:first-child:nth-last-child(2),
li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}

/* three items */
li:first-child:nth-last-child(3),
li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}

/* four items */
li:first-child:nth-last-child(4),
li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}

Bu teknik için kredi André Luís (keşfetti) & Lea Verou (rafine) için de geçerli.

Sadece CSS3 sevmiyor musun? :)

Örnek CodePen:

• http://codepen.io/mattlubner/pen/RWPYdx

Kaynaklar:

• http://andr3.net/blog/post/142 (André Luís)
• http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/ (Lea Verou)