如何向博客模板中的元素添加隨機類名

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 }