[英]How to get conditional css to work on Blogger/Blogspot?
我正试图让条件CSS在Blogger / Blogspot中运行 - 可能会遗漏一些明显的和基本的东西使它工作但我们走了。
我发现的一些教程已经提供了说明但是当我按照它们时它们不起作用(nb:它们在模板体中用于隐藏某些页面上的某些小部件时工作得很好但是我无法让它们工作到不同页面上的不同元素风格不同)。
所以,作为一个例子,我希望有一个不同的日期背景颜色取决于你在这里的页面。
日期标题样式是:
.date-header span {
background-color: #FF8BBF;
color: $(date.header.color);
padding: $(date.header.padding);
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
}
我希望日期的背景颜色在另一个页面上有所不同,因此根据各种教程,我在模板关闭头标记上方添加了以下代码。
<b:if cond='data:blog.url == "http://mgmmediaadditionaldemoblog.blogspot.com.au/search/label/Test2"'>
<style>
.date-header span {
background-color: #FF937E;
}
</style>
</b:if>
但它并没有改变指定页面的颜色。 我尝试了各种变化 - 将条件代码放在b:skin或b:head-skin部分的头部,但我无法使其工作 - 任何帮助都将非常感谢!
试试这段代码:
<b:if cond='data:blog.searchLabel == "Test2"'> <style> .date-header span { background-color: #FF937E!important; } </style> </b:if>
Test2
是标签,并且为了使浏览器加载background-color: #FF937E
而对你的颜色代码添加!important
background-color: #FF937E
而不是background-color: #FF8BBF;
。
我等你的反馈:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.