使用CSS计数器

时间:2016-04-12 19:03:01

标签: css css-counter

如果每个元素嵌套在一个单独的元素中,我如何计算一个元素?



copyPixelsToBuffer()

    .variant--name::before {
      counter-increment: section;
      content: "Abschnitt " counter(section) ": ";
    }




1 个答案:

答案 0 :(得分:5)

您还需要#!/usr/bin/perl use warnings; use strict; use Text::CSV_XS qw{ csv }; my $aoa = csv(in => 'file.csv'); # The file contains the sample line. print $aoa->[0][6];

counter-reset
body {
  counter-reset: section;
}
.variant--name::before {
  counter-increment: section;
  content: "Abschnitt " counter(section)": ";
}

修改:您可以创建元素并在其上使用<div class="variant--group"> <h3 class="variant--name">variant</h3> </div> <div class="variant--group"> <h3 class="variant--name">variant</h3> </div> <div class="variant--group"> <h3 class="variant--name">variant</h3> </div>,因此现在为每个counter-reset元素创建新的计数器Fiddle实例,而不是重置正文Fiddle

上的计数器