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

Question

我正在尝试让条件 CSS 在 Blogger/Blogspot 中工作 - 可能缺少使其工作的明显和基本的东西，但我们开始吧。

我发现的许多教程都提供了说明，但是当我按照它们进行操作时，它们不起作用(注意:当在模板主体中使用它们来隐藏某些页面上的某些小部件时，它们可以完美地工作，但我无法获得它们努力在不同的页面上对不同的元素设置不同的样式)。

因此，作为示例，我希望根据您所在的页面使用不同的日期背景颜色 here .

日期标题样式为:

    .date-header span {
      background-color: #FF8BBF;
      color: $(date.header.color);
      padding: $(date.header.padding);
      letter-spacing: $(date.header.letterspacing);
      margin: $(date.header.margin);
    }

我希望日期的背景颜色在另一个页面上有所不同，因此根据各种教程，我在模板结束 head 标记上方添加了以下代码。

<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:template-skin 部分，但我无法让它工作 - 对此的任何帮助将不胜感激!

Answer 1

试试这段代码:
<b:if cond='data:blog.searchLabel == &quot;Test2&quot;'>
<style>
.date-header span {
background-color: #FF937E!important;
}
</style>
</b:if>

Test2是标签，加上!important添加到您的颜色代码以使浏览器加载 background-color: #FF937E而不是 background-color: #FF8BBF; .

我等待您的反馈:)