CSS统计DOM中的所有元素

我不确定我的要求是否正确，但我想对类的Dom中的所有元素（标签）进行纯CSS计数

<dl class="last">
            <dt><label class="required"><em>*</em>Kleur</label></dt>
        <dd>
            <div class="input-box">
                <select name="super_attribute[92]" id="attribute92" class="required-entry super-attribute-select" style="position: absolute; top: -9999px;">

                  <option value="">Kies een optie...</option><option value="220" price="0">Champagne</option><option value="29" price="0">Zwart</option></select>
              <div class="swatches-container"><img src="http://www.lingerie-donna.nl/media/swatches/champagne.png" alt="Champagne" title="Champagne" class="swatch-img"><img src="http://www.lingerie-donna.nl/media/swatches/zwart.png" alt="Zwart" title="Zwart" class="swatch-img"></div></div>
        </dd>
            <dt><label class="required"><em>*</em>Maat</label></dt>
        <dd class="last">
            <div class="input-box">
                <select name="super_attribute[140]" id="attribute140" class="required-entry super-attribute-select" disabled="" style="position: absolute; top: -9999px;">
                    <option>Kies een optie...</option>
                  </select>
              <div class="swatches-container"></div></div>
        </dd>
        </dl>

但我看到的是

1 Kies uw Kleur
1 Kies uw Maat

应该是

1kies-uw-Kleur
2 Kies-uw-Maat

您缺少计数器重置部分：

body {
  counter-reset: my-awesome-counter;
}
.required {
    text-transform: lowercase;
    counter-increment: my-awesome-counter;
}
.required:before {
    text-transform: none;
    content: counter(my-awesome-counter) " Kies uw ";
}

---

您缺少计数器重置的

部分：

body {
  counter-reset: my-awesome-counter;
}
.required {
    text-transform: lowercase;
    counter-increment: my-awesome-counter;
}
.required:before {
    text-transform: none;
    content: counter(my-awesome-counter) " Kies uw ";
}

您缺少计数器重置的
部分：

body {
  counter-reset: my-awesome-counter;
}
.required {
    text-transform: lowercase;
    counter-increment: my-awesome-counter;
}
.required:before {
    text-transform: none;
    content: counter(my-awesome-counter) " Kies uw ";
}

您缺少计数器重置的
部分：

body {
  counter-reset: my-awesome-counter;
}
.required {
    text-transform: lowercase;
    counter-increment: my-awesome-counter;
}
.required:before {
    text-transform: none;
    content: counter(my-awesome-counter) " Kies uw ";
}

哈哈哈，有时候很简单：’）哈哈哈，有时候很简单：’）哈哈哈，有时候很简单：’）哈哈哈，有时候很简单：’）哈哈哈，有时候很简单：’）