CSS更改圖像容器中的背景顏色

Question

需要一個 CSS 來將圖像容器的背景顏色設置為白色。 我認為我的障礙是如何調出要應用 CSS 的特定項目。 以下適用於網站背景，但不適用於圖像容器。

body {
  background-color: white;
}

我相信這是我要調整的框對象： document.querySelector("body > div.wrapper > div > div.products.row > div.col-sm-12.col-md-10 > div:nth -child(1) > div.image-wrap")

此處自行車圖像上方和下方的灰色條需要為白色而不是灰色： https ://www.hermosacyclery.com/bikes/electra/cruiser-attitude。

謝謝，史蒂夫

Answer 1

您需要直接定位img標簽才能應用所需的樣式。 您可以添加此 CSS 來解決問題：

    .products .product .image-wrap img {
       background-color: #ffffff; 
    }

Answer 2

除了@Edgar 所說的使用

.products .product .image-wrap img {
   background-color: #ffffff; 
}

您還需要了解 CSS 的“級聯”部分。 還有另一個活動的 CSS 條目覆蓋了背景顏色。

.slider img,
.products .product .image-wrap img,
.categories .category img, 
.zoombox .images a img, .zoombox .thumbs a img {
  background-color: #f7f7f7;
}

特別是.products .product .image-wrap img,該選擇器組的一部分。