根据Blogger中的标签自定义每个帖子页面

Question

我遇到了一个基于标签的帖子后自定义，它显示了如何根据发布的标签设计每篇博文。 也就是说，每个具有相同标签的帖子都会自动拥有相同的设计。

但问题在于我无法在帖子内容（主包装）之外进行自定义，因为“标签”仅被定义为帖子内容区域。 我喜欢为标签添加不同颜色的标题和其他外包装。

我会给出我用过的代码

用此替换第二次出现的<data:post.body/> （在span属性之间）

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<!-- Only using the last label -->
<div expr:class='"label" + data:label.name'>
<p> <data:post.body/> </p>
</div>
</b:if> 
</b:loop>
<b:else/>
<div class='labelNone'> <p><data:post.body/></p> </div>
</b:if>

然后在模板的样式部分中，通过指定div类来应用样式。 这是一个示例，它将为标签为“tech”的所有帖子添加背景图片：

<style type='text/css'>
div.labeltech {
background-image: url(&quot;http://yoursite.com/Wallpaper-Widescreen.jpg&quot;);
background-repeat: no-repeat;
background-position: bottom right;
display: block; 
}
</style>

如果堆栈溢出的知识渊博的成员会帮助我，那将是非常好的，因为我只是一名学生。

Answer 1

我担心你将不得不坚持javascript（例如jquery）'parent'的实现ie。 http://api.jquery.com/parent/

说到CSS规范，CSS2和CSS3规范中都没有父元素选择器。 您可以使用'父X为Y'的选择X元素（Y> X），但这就是现在的全部内容。

请查看可用的选择列表http://www.w3.org/TR/css3-selectors/#selectors ，也许你会发现一些有用的东西

从好的方面来说，有计划创造类似的东西

!div p{}

但到目前为止，它仍然是一个草案，没有浏览器支持它http://www.w3.org/TR/selectors4/#subject