Web應用程序中不同頁面的不同背景色

Question

我正在開發一個Web應用程序的反應項目。我有一個登錄屏幕和用戶登錄後出現的主屏幕。這是我的項目中唯一的兩個組件。我想爲登錄頁面設置藍色背景，爲主頁設置白色背景。我讀了幾個線程

body#page1{ 
    background-color:#000; 
} 

這將有助於通過給每個頁面的body標記id。但是我不能將body標籤包含在我的反應組件中，因爲它是不允許的。那麼我怎樣才能在兩個不同的頁面上實現不同的主體顏色。

Answer 1

有一個div，並給它的頂部，底部，左側，右側0px和絕對位置，所以它將覆蓋整個屏幕，無論大小。

<div className="page-one-bg"> 
    //all code of page 1 
</div> 

在你的CSS文件

.page-one-bg { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background: #000; 
}