引导CSS覆盖我的自定义CSS -背景颜色/图像



我读过关于Bootstrap比我的自定义CSS更特殊的文章。但是,我想为整个HTML页面添加一种背景色。当我以以下方式创建自定义样式时:

.backgroundClass {
background-image: linear-gradient(to bottom right, rgba(51, 102, 255, 0.3), rgba(51, 102, 255, 0.5));
background-size: cover;
background-repeat: no-repeat;
}

然后添加到HTML

的HTML标签中
<HTML lang="en" class="backgroundClass">

只有"parts"的背景颜色

当我检查元素时,它们有自己的颜色#fff,即白色,由于bootstrap。

有什么解决办法吗?

你可以在你的CSS文件中应用!important标记,如下所示。

.backgroundClass {
background-image: linear-gradient(to bottom right, rgba(51, 102, 255, 0.3), rgba(51, 102, 255, 0.5)) !important;
background-size: cover;
background-repeat: no-repeat;
}

!important将覆盖浏览器的CSS,并将优先使用您的CSS。

相关内容

  • 没有找到相关文章