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