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 }

如何将随机类名添加到博客模板

1 个答案: