使用CSS更改背景

Question

我在此页面遇到问题： XXX /打印机/单色激光printers.html

我看到左栏分层导航是我想要的红色，但在底部有些部分是粉红色。 我改变了一个css类，但它并没有改变一切。在检测我需要更改的css类时，我不是一个非常专家。

我还需要将粉红色背景中的“添加到购物车”按钮更改为相同的红色。

有什么想法吗？

Answer 1

底部是粉红色的，因为您引用此文件作为背景：http://www.theprinterdepot.net/skin/frontend/default/MAG060062/images/bot3.jpg

.block-layered-nav .block-content {
background: url(../images/bot3.jpg) no-repeat bottom center;
background-color: #C9271F;
}

您的添加购物车按钮也是如此：

button.button span {

background: transparent url(../images/bkg_btn.png) 0 0 no-repeat;

}

因此您需要更改背景图片。

Answer 2

在浏览器中使用F12查看应用于这些元素的CSS规则。这一点应该清楚。