具有相同ID的Divs不显示相同高度

Question

我有5个div都属于此类样式的#content

#content, .ready, .contact
        height: 100vh

但只有前三个显示正确。 另外，我仍在学习Sass，因此不确定我是否在犯语法错误。

https://codepen.io/tyl-er/pen/RggGEE

Answer 1

ID在HTML中必须唯一。

=>在您的SASS中将#content替换为.content ，在HTML中将id="content"替换为class="content" 。

有关您的代码的其他反馈：

• 如果在CSS / SCSS中使用ID，则无需将其嵌套在其父级中。
• 使用<p>...</p>作为文本，而不是<h5>...</h5> ，从语义上讲没有任何意义。

Answer 2

在CSS中，类用点（。）或句点表示。 ID用＃表示。

ID应该是唯一的。

您的班级名称应为内容（以html格式），您可以在sass中以以下方式访问它：

.content{
// Enter styles here
}

Answer 3

ID 必须是唯一的。 您不能有多个具有相同ID的元素。 如果您需要引用多个元素，请使用一个类。

Answer 4

您只能在具有给定ID的页面上放置一个项目。 因此，您应该对内容使用类，而不是ID。

Answer 5

这里的问题是您正在使用具有相同ID的多个元素。 在HTML中，每个ID必须是唯一的。

而是尝试使用内容名称的类 ，并使用.content在CSS中对其进行寻址。

Answer 6

在CSS类中，以（。）开头

您正在为此div使用类和ID

<div class="strategy" id='content'>

选择其中一个作为类，例如：

<div class='content'>