如何将随机类名添加到博客模板中的元素

我想从 (class1, class2, class3, class4) 添加一个随机类名到 #tagcat 元素。

我怎样才能做到这一点？没有javascript可以做到这一点吗？

<b:if cond='data:top.showPostLabels and data:post.labels'>
  <b:loop index='i' values='data:post.labels' var='label'>
    <b:if cond='data:i == 0'>
      <div class='alt-cat blurple-gradient' id='tagcat' title='ds'>
        <a expr:href='data:label.url' rel='tag'>
          <data:label.name/>
        </a>
      </div>
    </b:if>
  </b:loop>
</b:if>
</div>

编辑

这是显示我博客主页上最近 8 篇文章的完整代码：

<div class='entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>

  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <data:post.body/>
      <b:else/>
      <div class='post-media'>
        <b:if cond='data:post.firstImageUrl'>

          <div class='image-wrap'>
            <!-- <div class='mask'/> -->
            <a expr:href='data:post.url'>
              <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' />
            </a>

          </div> <b:else/>
          <div class='needo' /> </b:if>


        <script class='java' expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;callback=labelset&quot;' type='text/javascript' />


        <b:if cond='data:top.showPostLabels and data:post.labels'>
          <b:loop index='i' values='data:post.labels' var='label'>
            <b:if cond='data:i == 0'>

              <div class='alt-cat blurple-gradient' id='tagcat' title='ds'>
                <a expr:href='data:label.url' rel='tag'>
                  <data:label.name/>
                </a>
              </div>
            </b:if>
          </b:loop>
        </b:if>
      </div>
      <div class='post-body'>

        <div class='post-title'>
          <h2>
            <a expr:href='data:post.url'><data:post.title/></a>
          </h2>
        </div>
        <div class='post-entry'>
          <p><data:post.snippet/></p>
        </div>

        <div class='post-author'>
          <!--
                                  <div class='image-thumb'>
                                    <img alt='Post Author' expr:src='data:post.authorPhoto.url'/>
                                  </div>
-->
          <div class='name-author'>
            <data:post.author/>
            <div class='time-stamp'>
              <data:post.timestamp/>
            </div>
          </div>
        </div>

该元素#tagcat显示标签。我想#tagcat为不同的帖子在元素上添加不同的类，以便它们以不同的颜色显示，因此我需要为不同的帖子片段标签使用不同的 CSS。