如何让条件css在Blogger/Blogspot上工作?

如何让条件css在Blogger/Blogspot上工作?,css,conditional,blogger,blogspot,Css,Conditional,Blogger,Blogspot,我正在尝试让条件CSS在Blogger/Blogspot中工作-可能缺少一些明显的和基本的东西来让它工作,但现在我们开始 我发现很多教程都提供了说明,但当我遵循它们时,它们就不起作用了(注意:它们在模板体中用于隐藏某些页面上的某些小部件时效果很好,但我无法让它们在不同页面上对不同的元素进行不同的样式设置) 所以,作为一个例子,我想有一个不同的日期背景颜色取决于你在哪一页 日期标题样式为: .date-header span { background-color: #FF8BB

我正在尝试让条件CSS在Blogger/Blogspot中工作-可能缺少一些明显的和基本的东西来让它工作,但现在我们开始

我发现很多教程都提供了说明,但当我遵循它们时,它们就不起作用了(注意:它们在模板体中用于隐藏某些页面上的某些小部件时效果很好,但我无法让它们在不同页面上对不同的元素进行不同的样式设置)

所以,作为一个例子,我想有一个不同的日期背景颜色取决于你在哪一页

日期标题样式为:

    .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下划线颜色等)-非常感谢!