在 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;
}