不同颜色的标签(博主)

Question

我希望博客中的每个标签都有不同的颜色。我试图为每个标签创建一个类，例如，添加一个类".Movies“来标记电影，并为新闻添加一个名为".News”的类。但我不知道下一步该怎么办。

下面是影响所有标签的当前代码：

<div class='tl-label-post'><div class='postags'>
                  <b:if cond='data:post.labels'>
                  <b:loop values='data:post.labels' var='label'>
                      <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                      <b:if cond='data:label.isLast != &quot;true&quot;'/>
                    </b:loop>
                   </b:if>
                </div> </div></div>

谢谢各位！

Answer 1

已经写好了！

保持标签的默认CSS和HTML代码完好无损，而不是对每个标签进行更改：

a[href^="http://www.YOURSITE.com/search/label/CINEMA"] {
color: #colorcode !important;
background: #colorcode !important;
}

你可以看到我为电影添加了整个标签路径。同样，选择所有标签的完整路径，并为每个标签添加不同的颜色规则。

例如，假设另一个标签名是“‘s”。

还可以添加一条这样的规则：

a[href^="http://www.YOURSITE.com/search/label/TELEVISION"] {
color: #colorcode !important;
background: #colorcode !important;
}

颜色和背景可以由您选择。确保你的重要指令完好无损。