HTML & CSS：什么时候使用 ID 和 Class？ [关闭]答案

【问题标题】：HTML & CSS: When to use ID and Class? [closed]HTML & CSS：什么时候使用 ID 和 Class？ [关闭]
【发布时间】：2016-03-30 03:14:21
【问题描述】：

我想知道何时正确使用 ID 和 Class。我在 js 中选择时使用 ID（如果需要是唯一的），而 Class 仅用于 Css 样式/设计。

我想知道使用 ID 和 Class 是否有其他意义，或者我是否使用错误或不当。

我只是想知道您的意见或您如何使用它。欢迎回答！

谢谢

【问题讨论】：

这个问题非常广泛，可能与 Stack Overflow 无关。您可以简单地用谷歌搜索“html id”和“html 类”并找到大量信息。特别是，请访问有关这些主题的 MDN 页面。这通常是获得优质信息的可靠来源。
谢谢先生。我只是想要您的意见或您如何使用它
类在 jquery 中也非常有用，因为你有很多元素具有相同的 jquery 行为..
好吧，给你。寻求意见的问题是not permitted。
stackoverflow.com/help/how-to-ask

【解决方案1】：

这对 StackOverflow 来说不是一个好问题，我建议您以后在提问之前先使用 google。

类和 ID 之间的主要区别在于 ID 是唯一的。类不是唯一的。

每个元素可以使用任意数量的类。即：class="btn btn-primary" 但每个元素只有一个 ID。即：id="button-23".

当您开始使用 Javascript 与 DOM 进行交互时，最大的不同就会发挥作用。如果我使用 document.getElementById("button-23") 并且您有 2 个具有该 ID 的元素，则 Javascript 只会与它遇到的第一个元素交互。

在我看来，总的来说，尤其是刚开始时，请坚持使用课程并且不要使用 ID。

【讨论】：

【解决方案2】：

Id 用于唯一元素。应该只有一个具有给定 id 的元素，而可以有尽可能多的具有相同类的元素。

例如，让我们采用登录表单。 id #login 和 #password 只有一个，但它们都可以具有类 .login-form-input。

因此，当您需要精确定位某些元素和类时，当需要描述某些元素组时，请使用 id。

【讨论】：