HTML 将主要元素分配给一个 id

Question

说明说要将主要元素分配给一个名为 hero 的 id(我在我的 css 文件中创建的)，我已经尝试使用谷歌搜索寻求帮助，老实说，我只是不知道如何做到这一点。我试着做 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 为“hero”的元素，您的 HTML 必须类似于:

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

如果你想让你的 CSS 匹配一个“英雄”类，那么你的 CSS 选择器应该是这样的

.hero {
    //your styling
} 

你的 HTML 看起来像

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