由于_reboot.scss

Question

我正尝试使用以下代码将背景图像设置为特定的 Angular组件：

body { 
        background-image: url(...); 
        background-size: cover;
        background-repeat: no-repeat; }

这段代码放在属于Angular组件的.css文件中。

但是，在浏览器控制台中，我注意到 _reboot.scss 类（可能来自Bootstrap）正在将我的上述代码片段覆盖为默认背景颜色。

我已经尝试了几乎所有方法，并且更改背景图像的唯一方法是使用F12模式在浏览器中修改_reboot.scss类。

Answer 1

您可以将代码设置为：

._reboot.scss { 
        background-image: url(...); 
        background-size: cover;
        background-repeat: no-repeat; }

覆盖Bootstrap。

或者，将！important 赋予您的CSS：

body { 
        background-image: url(...)!important; 
        background-size: cover;
        background-repeat: no-repeat; }