This can be done with CSS-counters If I set display:none on the generated content with the counter, the counter skips over it, and continues to the next item! FIDDLE (Edit: Or, alternatively – as others have pointed out – we could increment the counter only on the elements with the particular class – like so) … Read more
The Question Can I use the counter(skill) inside a calc() No. You can’t. The calc function does not permit the use of counter functions as its components. From the specs here – https://www.w3.org/TR/css3-values/#calc-notation: Components of a calc() expression can be literal values or attr() or calc() expressions. There have been many requests for this but … Read more
Why does the the counter not increment? You are not resetting or creating the counter at the parent tag level. If you add the following line to the pre selector, the code will work fine. When you don’t create the counter (using a counter-reset) at the parent level, each element would create its own counter … Read more