Question

例如，我有3个HTML login.html ， home.html 和 contact.html 。所有这三个都有横幅编码如下：

.
.
<div id="banner" class="banner" >
      ....
    </div>
.
.

他们还调用了一个包含以下内容的css文件

.
.
.    
.banner {
    background: url("images/image1.jpg");
}
.
.

我想为home.html和contact.html设置image1.jpg背景。如果页面是login.html，则忽略css。是否可以仅调整css 文件？

说清楚，我想做这样的事情：

.banner{
    if(page != login.html)
          background: url("images/image1.jpg");
    else
          ignore;
}

Answer 1

您有两个选项：

如果您可以为body提供login一个班级login.html：

<body class="login">

    <div id="banner" class="banner">
      ....
    </div>

</body>

您可以添加以下内容来覆盖样式：

.login .banner {background: none;}

Answer 2

如果您可以修改HTML，还可以在横幅中添加另一个类，并在CSS中通过id引用它。类似的东西：

<强> HTML

<div id="banner" class="banner home" >
      ....
</div>

<强> CSS

#banner.home {
    background: url("images/image1.jpg");
}

#banner.login {
    background: url("images/image2.jpg");
}