Question

使用css（不是内联样式，但外部样式表）如何仅覆盖单个页面应用于正文背景的样式。我现在得到了这个，这不起作用

body{background: url("../../images/mybg.png") repeat-x scroll 0 0 #7CC2FF;height: 100%}
body.index{background-color:#4466A7!Important}

我希望身体背景只在索引页面上更改，所以我使用了js hack，如下所示

if(location.href.indexOf("index.aspx") != -1){
    $("body").addClass("index");
}

但似乎仍然使用背景图像并且具有更高的优先级。如何删除以前的样式以应用覆盖样式

解决方案

所以最后这就是它如何解决

body{#4466A7 background: url("../../images/mybg.png") repeat-x scroll 0 0}
body.index{background-image:none !important}

Answer 1

body.index{background-color:#4466A7 !important}

请注意颜色和！important之间的空格以及重要的大写字母。

Answer 2

body.index{background-image: none}

Answer 3

你可以通过css很容易地做到这一点，就像你需要所有红色背景的页面和黄色背景的索引页面一样，请参阅下面提到的css＆amp; HTML代码： -

body {
background:red;    
}

#index {
background:yellow;   
}


<body id="index"> (!--for yellow color index page--!) 
adfadfasf    
</body>

<body> (!--for red color all pages--!) 
adfadfasf    
</body>

或看到小提琴： - http://jsfiddle.net/n6y4q/

CSS类适用于body背景

解决方案

3 个答案: