在 Css 和 Html 中更改页脚背景的颜色

Question

这是我项目的页脚部分代码

HTML代码：

<footer>
        <div class = "footer_container">
            <div class = "copyright">
                <h1>Urban Clothes | Copyright &copy; 2015-2020 </h1>
            </div>
        </div>
    </footer>

CSS 代码：

.footer_container{
    background-color: white;
    height: 400px;
    border: 2px solid lightblue;
}

车身代码：

body{
    background-color: #24252A;
}

我无法更改页脚容器的背景颜色。 我改变了身体的背景颜色，但页脚背景颜色没有改变。

Answer 1

       .footer_container {
        background: red;
        height: 400px;
        border: 2px solid lightblue;
    }

尝试为您正在工作的页面进行轮班刷新，它会起作用，请尝试使用这些代码

Answer 2

你的代码对我有用。 也许您的浏览器已缓存样式更改您的浏览器并重试或清除您的网络缓存然后重试

Answer 3

你有一个background-color: white; 在您的.footer_container ，如果您希望页脚具有正文的颜色，请不要给它background-color: white; 或者你可以给它background-color: transparent;

Answer 4

您可以添加 !important，但如果您对其他元素使用了相同的类名，它可能会影响代码的其他部分

.footer_container{
    background-color: white!important;
    height: 400px;
    border: 2px solid lightblue;
}