Question

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

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

我会给出我用过的代码

用此

替换第二次出现的<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类来应用样式。这是一个示例，它将为所有带有标签＆＃34; tech＆＃34;的帖子添加背景图片：

<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）实现的父母＆＃39;即。 http://api.jquery.com/parent/

当谈到CSS规范时，CSS2和CSS3规范中既没有父元素选择器也没有。你可以选择选择父元素为Y＆＃39;的X元素。（Y> X），但现在还有。

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

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

!div p{}

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

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

1 个答案: