CSS中的条件背景图片

问题描述

我正在WordPress网站上工作，只想为一个特定页面设置不同的背景图片。这是该图像的当前CSS调用：

div#header .Box-masthead .title a{
background:transparent url(../images/logo.png) left top no-repeat

如何设置它，以便仅在一个特定页面上将logo-2.png这样的背景图像用作背景图像，而在所有其他页面上都将logo.png保留为背景图像？

解决方法

Wordpress为每个页面提供一个page-id类，该类可以在body标签上找到。看起来像page-id-xxx，其中xxx是数字。我发现您的page-id即可轻松更改该特定页面的背景：

body.page-id-10 {
    background-image: url("../images/logo.png");
}

,

根据WordPress页面ID尝试以下CSS-

.page-id-PAGEID div#header .box-masthead .title a {
    background:transparent url(../images/logo.png) left top no-repeat;
 }

注意：用WordPress中的页面ID替换“ PAGEID”。