css - Spree 电子商务 - 无法覆盖 css

Question

我需要覆盖我的 spree 商店的标题颜色。我在 ../mystore/vendor/assets/stylesheets/spree/frontend 目录下创建了一个 custom.css。但它不起作用。请帮忙

spree header默认的css样式如下所示

#spree-header #header {
    background: rgba(34,34,34,0.4);
    padding: 20px 0;
}

下面是我的custom.css文件

#spree-header #header {
    background: white !important;
    padding: 20px 0;
}

我希望我的 spree 标题将颜色更改为白色。

Answer 1

您不能用rgb() 颜色覆盖rgba() 颜色。

在这个例子中，white 是一个保留字，代表rgb(255, 255, 255)。

代替:

background-color: white;

使用:

background-color: rgba(255, 255, 255, 1);

---

注意 background 是一个多值速记属性。

如果您只想声明背景色，请使用background-color。

---

有关 background 速记属性可以采用的所有值的更多信息，请参阅:

https://developer.mozilla.org/en-US/docs/Web/CSS/background

有关 background-color 属性的更多信息，请参阅:

https://developer.mozilla.org/en-US/docs/Web/CSS/background-color