如何让条件css在Blogger/Blogspot上工作?
我正在尝试让条件CSS在Blogger/Blogspot中工作-可能缺少一些明显的和基本的东西来让它工作,但现在我们开始 我发现很多教程都提供了说明,但当我遵循它们时,它们就不起作用了(注意:它们在模板体中用于隐藏某些页面上的某些小部件时效果很好,但我无法让它们在不同页面上对不同的元素进行不同的样式设置) 所以,作为一个例子,我想有一个不同的日期背景颜色取决于你在哪一页 日期标题样式为:如何让条件css在Blogger/Blogspot上工作?,css,conditional,blogger,blogspot,Css,Conditional,Blogger,Blogspot,我正在尝试让条件CSS在Blogger/Blogspot中工作-可能缺少一些明显的和基本的东西来让它工作,但现在我们开始 我发现很多教程都提供了说明,但当我遵循它们时,它们就不起作用了(注意:它们在模板体中用于隐藏某些页面上的某些小部件时效果很好,但我无法让它们在不同页面上对不同的元素进行不同的样式设置) 所以,作为一个例子,我想有一个不同的日期背景颜色取决于你在哪一页 日期标题样式为: .date-header span { background-color: #FF8BB
.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>
.日期标题跨度{
背景色:#FF937E;
}
但它不会改变指定页面上的颜色。我已经尝试过各种变体——将条件代码放在头部的b:skin或b:template皮肤部分,但我无法使其工作——对此的任何帮助都将不胜感激 试试这个代码:
.日期标题跨度{
背景色:#FF937E!重要;
}
Test2
是标签,添加!重要信息
到您的颜色代码,以使浏览器加载背景色:#FF937E
而不是背景色:#FF8BBF代码>。
我等待您的反馈:)您需要检查JS中的条件,并在那里动态应用样式。使用jquery,检查url,然后应用颜色。您是一个传奇人物,这非常有效,我可以适应修复其他类似问题(例如背景色、h1下划线颜色等)-非常感谢!