不能更改旁邊標記元素的背景html5

Question

我檢查了我的代碼多次。我看不出有什麼問題。我可以改變除了標籤中的新聞之外的所有背景。它出什麼問題了？這是css代碼。我打電話給旁邊標籤新聞。我的標識在html中是正確的。在問這個問題之前，我檢查過了。

*{ 
margin: 0px; 
padding: 0px; 
} 

h1{ 
font: bold 20px Tahoma; 
} 

h2{ 
font: bold 14px Comic Sans MS; 
} 
header,section,footer,aside,article,nav,hgroup{ 
display:block; 
} 

body{ 
text-align:center; 
} 

#whole_wrapper{ 
border:1px solid brown; 
width: 1000px; 
margin: 20px auto; 
text-align: left; 
background-color:orange; 
} 

#top_header{ 
background:beige; 
padding: 20px; 
} 

#main_menu{ 
background:lightgreen; 
color:blue; 
} 

#main_menu li{ 
display:inline-block; 
list-style:none; 
padding:5px; 
font: bold 14px Tahoma; 
} 

#main_section{ 
float:left; 
width:660px; 
margin:30px; 
}` 

#news{ 
float:left; 
width:220px; 
margin:20px 0px; 
padding:30px; 
background-color:red; 
} 

#bottom_footer{ 
clear:both; 
text-align:center; 
padding:20px; 
border-top:2px solid beige; 
} 

article{ 
background-color:azure; 
border: 1px solid navy; 
padding:20p; 
margin-bottom:15px; 
} 

Answer 1

在CSS中有各種拼寫錯誤。此外，請務必指定特定的顏色，而不是諸如blue或beige之類的聲明。在這裏它被清理，沒有對顏色進行編輯。

*{ 
    margin: 0px; 
    padding: 0px; 
} 

h1{ 
    font: bold 20px Tahoma; 
} 

h2{ 
    font: bold 14px Comic Sans MS; 
} 
header, section, footer, aside, article, nav, hgroup{ 
    display:block; 
} 
body{ 
    text-align:center; 
} 

#whole_wrapper{ 
    border:1px solid brown; 
    width: 1000px; 
    margin: 20px auto; 
    text-align: left; 
    background-color: orange; /* Use a specific color instead */ 
} 
#top_header{ 
    background: beige; /* Use a specific color instead */ 
    padding: 20px; 
} 
#main_menu{ 
    background:lightgreen; /* Use a specific color instead */ 
    color:blue; 
} 
#main_menu li{ 
    display:inline-block; 
    list-style:none; 
    padding:5px; 
    font: bold 14px Tahoma; 
} 
#main_section{ 
    float:left; 
    width:660px; 
    margin:30px; 
} 
#news{ 
    float:left; 
    width:220px; 
    margin:20px 0px; 
    padding:30px; 
    background-color:red; /* Use a specific color instead */ 
} 
#bottom_footer{ 
    clear:both; 
    text-align:center; 
    padding:20px; 
    border-top:2px solid beige; /* Use a specific color instead */ 
} 
article{ 
    background-color:azure; /* Use a specific color instead */ 
    border: 1px solid navy; /* Use a specific color instead */ 
    padding:20p; 
    margin-bottom:15px; 
}