Blogger - 为每个标签添加不同的颜色

时间:2015-10-19 20:01:49

标签: conditional blogger

我试图让Blogger中的每个不同标签都有不同的颜色,例如每个爱好标签都是红色,每个电影标签都是蓝色,但它似乎将每个标签的颜色更改为红色。

这是我目前的代码:

<b:loop values='data:post.labels' var='label'> 
  <b:if cond='data:label.name == &quot;hobbies&quot;'>
    <style> .post-labels a { color: red; } </style> 
  </b:if> 
</b:loop>

2 个答案:

答案 0 :(得分:1)

简单的方法是在每个标签上添加class,例如添加一个类.Movies来标记电影,将类.Hobbies添加到标签<强>爱好即可。这样,您可以为css中的每个标签设置样式,而不是为每个标签添加代码。

在这种情况下,您只需将expr:class='data:label.name'添加到<a>标记,这将为每个标签添加类,其名称与标签本身相同。

<b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag' expr:class='data:label.name'><data:label.name/></a>
</b:loop>

答案 1 :(得分:0)

保持标签的默认CSS和HTML代码不变,而不是更改它,为每个标签执行此操作:

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

您可以看到我已为Cinema添加了整个标签路径。同样,获取所有标签的完整路径,并为每个标签添加不同的颜色规则

例如,让我们再说一个标签名称是&#39;电视&#39;。

您可以再添加一条规则:

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

您可以选择颜色和背景。确保你的!important指令保持不变。