具有相同 id 的 div 不显示相同的高度

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 中用class="content"替换id="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'>