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

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 }