2012-08-31 17 views
6

Bir adım sayacı görüntülemek için aşağıdaki css kullanıyorum:İçerik css özelliğinde toplam öğe sayısını göstermek mümkün mü?

:before { 
    content: "step " counter(fieldsets); 
    counter-increment: fieldsets; 
    /* Some more css */ 
} 

Ama şöyle yanı öğelerin toplam sayısını görüntülemek mümkün olmadığını merak ettim edildi:

:before { 
    content: "step " counter(fieldsets) " of " total_number_of_fieldsets; 
    counter-increment: fieldsets 
    /* Some more css */ 
} 

Saf bir css çözümü olmasını çok isterim, bu mümkün mü?

cevap

1

CSS'de total_number_of_fieldsets sayısını hesaplayan başka bir şeyiniz yoksa, bu mümkün değildir. Sözde elemanlar artık gerçekten doğru değil

+0

Bunun geri kalan uyumsuzluğunun farkındayım ve bu çözümün çok güzel olmadığını düşünüyorum, ama yapmak istediğim şeyi yapıyor, teşekkürler! –

+0

IE8'de çalışır ve IE her zaman en az ": first-line" ve ": first-letter" sözde öğeleriyle desteklenmiştir. Sadece IE8 + ve IE9/10'daki diğerlerine kadar: 'önce' ve ': sonra '' desteklemiyordu. – BoltClock

0

CSS, DOM'yi denetleyemez veya değişkenleri kullanabilir, bu nedenle bu bilgi akışını kaldıramaz.

+1

desteklenmez olarak alındığından bu IE < 9'da çalışmaz

Not sonra: http://jsfiddle.net/EawLA/

Toplamda gösterebilir:

bu keman bakın Şimdi sayacı kullanabiliyorsunuz, ayrıca "attr (data-total-steps)" içeriğine sahip "content:" step "sayıcı (fieldsets)" özel bir data niteliği kullanarak da mümkündür. –

+0

Teşekkürler Jasper, Tüm dökümanlar "içerik:" Sayfa "sayacı (sayfa)" nın "sayaç (sayfa)" ile ilgili olduğunu söylüyor ama ben bunu işe almadım. Veri kullanımını kullanmayı düşünmemiştim. teşekkürler – TarranJones

İlgili konular