是否可以显示内容css属性中的元素总数？

Question

我正在使用以下css来显示计步器：

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

但是我想知道是否有可能显示元素的总数，如下：

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

我希望它能成为纯粹的CSS解决方案，这可能吗？

Answer 1

除非您有其他计算CSS中total_number_of_fieldsets计数的内容，否则无法实现。

看到这个小提琴：http://jsfiddle.net/EawLA/

您可以显示总数：

之后

请注意，这不适用于IE＆lt; 9，因为不支持伪元素

Answer 2

CSS无法检查DOM或使用变量，因此无法提取此信息。