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

Question

我有5个div，所有类都带有#content这个样式

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

但只有前三个正确显示。另外，我还在学习Sass所以不确定我是否只是在制作语法错误。

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

Answer 1

在HTML中ID必须是唯一的。

=＆GT;将#content替换为SASS中的.content，将id="content"替换为HTML中的class="content"。

对您的代码提供额外反馈：

• 如果您在CSS / SCSS中使用ID，则无需将它们嵌套在其父级中。
• 使用<p>...</p>代替您的文字，而不是<h5>...</h5>，它在语义上没有任何意义。

Answer 2

在css中， 类由点（。）或句点表示。 ID由＃。

表示

我应该是唯一的。

您的班级名称应该是内容（以html格式），您可以在sass中以

的形式访问它

.content{
// Enter styles here
}

Answer 3

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

Answer 4

您只能在具有给定ID的页面上拥有单个项目。所以你应该使用一个类，而不是内容。

Answer 5

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

相反，请尝试使用内容名称的类，并使用.content在CSS中解决此问题。

Answer 6

在CSS课程中以（。）

开头

你正在使用这个div的类和ID

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

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

<div class='content'>