Html 根据Blogger中的标签定制每个帖子页面

Html 根据Blogger中的标签定制每个帖子页面,html,css,customization,blogger,Html,Css,Customization,Blogger,我遇到了一个基于贴子标签的贴子定制,它展示了如何根据贴子标签设计每个博客贴子。也就是说,每个贴有相同标签的帖子都会自动具有相同的设计 但问题在于,我无法在帖子内容(主包装)之外进行自定义,因为“标签”仅定义为帖子内容区域。 我喜欢有不同颜色的标题和其他外包装我的标签 我将给出我使用的代码 将第二个出现的(范围之间属性)替换为以下内容 <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='lab

我遇到了一个基于贴子标签的贴子定制,它展示了如何根据贴子标签设计每个博客贴子。也就是说,每个贴有相同标签的帖子都会自动具有相同的设计

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

我将给出我使用的代码

将第二个出现的
(范围之间属性)替换为以下内容

<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”的帖子放置背景图像:


拉贝尔泰克分部{
背景图像:url(“http://yoursite.com/Wallpaper-Widescreen.jpg");
背景重复:无重复;
背景位置:右下角;
显示:块;
}

如果stack overflow的知识渊博的成员能帮助我,那就太好了,因为我只是一名学生。

恐怕你必须坚持使用“父”ie的javascript(例如jquery)实现

说到CSS规范,CSS2和CSS3规范中都没有父元素选择器。您可以使用“选择父元素为Y的X元素”(Y>X),但目前仅此而已

请看一下可用的选择器列表,也许你会发现一些有用的东西

好的一面是,有计划创造这样的东西

!div p{}

但到目前为止,它仍然是一个草稿,没有浏览器支持它

您可以克隆一个div的类,然后使用jQuery将其添加到另一个div。这将使您能够在作用域之外应用该类。@vector,如果我使用以下命令,$(function(){var$sharetitle=$(';.sharetitle';).clone()$(';.labeldummy';).html($sharetitle);sharetitle是我想要在标签“dummy”中的div。但是我需要给名为dummy的标签上的共享标题赋予不同的颜色(相对于我的主页),因此如果我克隆div id=sharetitle,我将得到与我的主页相同的共享标题,我需要不同。删除b:skin中的所有CSS,并将所有CSS放在label conditional tags中……也许这会起作用
!div p{}