HTML将主要元素分配给id

时间:2017-02-16 01:12:35

标签: html css

指示说要将主要元素分配给名为hero的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;
}

3 个答案:

答案 0 :(得分:2)

听起来你在课堂和身份之间感到困惑。

在CSS中,哈希符号表示您的选择器正在查找id与该名称匹配的元素。因此,要匹配ID为'英雄'的元素,您的HTML必须如下所示:

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

如果你想让你的CSS与一类英雄&#39;匹配,那么你的CSS选择器看起来像

.hero {
    //your styling
} 

,您的HTML看起来像

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

答案 1 :(得分:0)

如果你使用class,你的css选择器将是

.hero{
     //style
}

但你的css选择器是#,它是id选择器,记住id选择器是#和类选择器。

答案 2 :(得分:0)

如果您使用的是id,则可以在css中使用# <div id="hero">
This is id
</div>

#hero{
color: red;
}

如果您正在使用课程,则可以在css中使用点(。)     <div class="hero">
       This is class
    </div>

.hero{
   color: blue;
 }