针对内部页面元素的css

Question

我有一个Wordpress网站，如果用户在index.php页面或single.php上，我想更改元素上的css

元素css

#nav-icon span {
   background-color: #fff;
}

在索引页面上我希望它保持#fff，但在single.php上我希望它是＃000。

编辑 - 一个问题是＃nav-icon div位于header.php中（因此它位于每个页面上）

Answer 1

在这里，您可以使用jQuery解决方案

如果您在索引页面

$(document).find('#nav-icon span').css({
  'background-color': '#fff'
});

在single.php中

$(document).find('#nav-icon span').css({
  'background-color': '#000'
});

希望这会对你有所帮助。