PHP计数器与CSS计数器做同样的事情？

Question

目前我有以下代码。

<li class="track clearfix" data-index="0" data-file="/some-mp3-file.mp3" itemprop="track" itemscope itemtype="http://schema.org/MusicRecording">
    <span class="track-data">
      <span class="name" itemprop="name">Holding On</span>
    </span>
    <ul class="actions">
         <li><a href="downloadlinkhere.com" target="_blank">Download</a></li>
    </ul>
</li>

<li class="track clearfix" data-index="0" data-file="/some-mp3-file.mp3" itemprop="track" itemscope itemtype="http://schema.org/MusicRecording">
    <span class="track-data">
      <span class="name" itemprop="name">Holding On</span>
    </span>
    <ul class="actions">
         <li><a href="downloadlinkhere.com" target="_blank">Download</a></li>
    </ul>
</li>

好吧，上面的代码使用这个CSS返回当前样式表的以下外观。

对于画得不好的圈子感到抱歉。

ol.tracklist li.track span.track-data:before {
    content: counter(tracklist) ".";
    margin: 0px 5px 10px 0px;
    font-size: 19px;
    font-family: "ProximaNova-Bold",Sans-Serif;
    float: left;
    display: block;
}

我目前的问题是我需要将每个帖子的数量计算为data-index部分，我似乎无法弄清楚如何正确地做到这一点。

我正在使用WordPress，所有内容都将包含在循环中，从元表结构中提取内容。

编辑： 以下是基本上我计划做的快速模拟，一切似乎工作正常，除了我上面遇到问题的部分。

<?php
$post_id = (isset($_GET['id'])&&$_GET['id']!=0) ? (int)$_GET['id'] : '';
$post_links = get_post_meta($post_id,'download_links',TRUE);
$link_array = explode(" ", $post_links); 
?>

<?php foreach($link_array as $single_link) { ?>

<li class="track clearfix" data-index="0" data-file="<?php echo $mp3_link; ?>.mp3" itemprop="track" itemscope itemtype="http://schema.org/MusicRecording">
<span class="track-data">
  <span class="name" itemprop="name"><?php echo $mp3_title; ?></span>
</span>
<ul class="actions">
    <li>
        <a href="<?php echo $single_link; ?>" target="_blank">Download</a>
    </li>
</ul>
</li>

<?php } ?>