2012-10-15 62 views
1

所以,我想使三种颜色作为我的Tumblr主题标签的背景,但如果我乘有没有办法让Tumblr上的每个标签都有不同的颜色?

<a href="{TagURL}">{Tag}</a> 

我只是得到更多的标签。

我希望第一个标记背景是红色,第二个是蓝色,第三个是绿色,然后第四个是红色,等等,等等...... 这可能吗?

回答

1

您可以使用CSS来设置页面内容的样式。通常,您会使用classid选择器以不同方式标记每个标记。但是因为Tumblr的标签没有独特的类/ ID,所以可以使用伪类nth-child。你可以在这里找到规范:http://www.w3.org/TR/selectors/#nth-child-pseudo(也包含一些例子)。

相关博客文章在css-tricks.com:How nth-child Works


你也可以编辑你的主题,并添加类的标签。请参阅问题Using different styles for categories in tumblr?和解释它的answer啊不,这会将这些类添加到整个帖子的容器中。因此,如果标签使用特定标签,则可以对帖子进行不同的设计。但那不是你想要的。不过,您可能会将变量{Tag}(这将是标记名称)添加到标记的标记中。使用这种方法,您必须定义哪些标签应该手动获取哪种颜色,这可能不是您想要的。

+0

我真的不明白这个......不明白第一个建议。或者至少如何创建它。我可以看到如何做CSS部分,但我不知道如何在HTML中使用它。 第二个绝对不是我现在想要的。 – MSmS

+0

我确实成功地完成了这项工作...至少在预览中。 '.Tagz:第n个孩子(3n-2){background-color:{color:Tag 1 Background};} 。 ;} .Tagz:nth-​​child(4n-1){background-color:{color:Tag 3 Background};}' 当我保存并打开页面时,它不起作用,但是谢谢! :) – MSmS

+0

这个网络工具可能会有帮助:http://css-tricks.com/examples/nth-child-tester/ – unor

相关问题