HTML將主要元素分配給ID

Question

說明指出要將主要元素分配給id命名爲英雄（我在我的css文件中做出的），並且我嘗試了Google搜索以獲得幫助，而且我確實無法讓我的頭轉過身這個怎麼做。我嘗試做div class =「hero」，但它沒有奏效，我的教科書似乎沒有這方面的例子。謝謝你的幫助。

這裏是id即時試圖如果它有助於使用，

#hero { 
height: 300px; 
color: #f5f5dc; 
background-image: url(heroroad.jpg); 
background-size: 100% 100%; 
background-repeat: no-repeat; 
} 

Answer 1

這聽起來像你要的類和ID的之間混淆。

在CSS中，散列符號表示您的選擇器正在查找具有與該名稱匹配的ID的元素。所以一個元素與「英雄」的ID相符，你的HTML必須看起來像：

<div id="hero"></div> 

如果你想你的CSS來匹配一類「英雄」的，那麼你的CSS選擇器看起來像

.hero { 
    //your styling 
} 

和你的HTML看起來像

<div class="hero"></div> 

Answer 2

如果使用類，你的CSS選擇器會

.hero{ 
    //style 
} 

但你的CSS選擇器是＃，這是ID選擇器，記住ID選擇器是＃和類選擇器。

Answer 3

如果你正在使用的ID，你可以使用＃在CSS
<div id="hero">
This is id
</div>

#hero{ 
color: red; 
} 

如果你正在使用類，你可以在CSS中使用點（。）
<div class="hero">
This is class
</div>

.hero{ 
    color: blue; 
}