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

Question

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

但问题是我无法在帖子内容(主包装器)之外进行自定义，因为“标签”仅定义为帖子内容区域。 我喜欢为我的标签使用不同颜色的页眉和其他外包装。

我会给出我使用的代码

替换第二次出现的 <data:post.body/> (跨度属性之间)与此

<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>

如果 stack overflow 的知识渊博的成员能帮助我，那将是非常好的，因为我只是一个学生。

Answer 1

恐怕您将不得不坚持“父”即 javascript(例如 jquery)实现。 http://api.jquery.com/parent/

当谈到 CSS 规范时，在 CSS2 和 CSS3 规范中都没有父元素选择器。您可能会尝试“选择父元素为 Y 的 X 元素”(Y > X)，但目前仅此而已。

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

好的一面是，有计划创建类似的东西

!div p{}

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