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

Question

我想从（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用于不同的邮政摘要标签。

Answer 1

为什么不在课堂上使用帖子标签名称，并使用CSS

样式

<div expr:class='data:label.name' id='tagcat' title='ds'>

CSS

.label-name { color: your color }