试图了解我什么时候应该使用 id 和/或 class 标签答案

【问题标题】：Trying to understand when i should use id and/or class tag试图了解我什么时候应该使用 id 和/或 class 标签
【发布时间】：2015-06-30 04:59:43
【问题描述】：

我是 html/css 新手，并完成了 codeacademy 上的 css/html 教程。我已经重新阅读了我所做的所有事情，并且很好地了解了为什么除了 class/id 标签之外的所有内容都以它的方式工作。如果我理解正确，当一堆元素都应该接收相同的样式时，类标签很有用，而当你只有一个元素应该接收它自己的样式时，id 很有用。我没有得到的是，如果我可以使用类标签获得相同的结果，那么 id 标签的意义何在。例如我有盒子 1,2 和 3，我希望它们都是黑色的，也就是所有都收到相同的样式，我会使用类标签。但是我改变了主意，现在我希望 box2 是白色的，所以理论上我应该将 box2 更改为 id 标签，以便它可以接收自己的样式，但问题是我仍然可以使用 class 标签并通过键入获得相同的结果。 box2 颜色：白色；

我的问题是，如果我可以只使用类标签对两者做同样的事情，那么类和 id 标签的意义何在。

对不起，如果这是一个难以理解的问题。我尽量说得最好。

【问题讨论】：

我怀疑您的问题被否决的原因与您正在学习这一事实无关，而更多地与该特定问题及其数百万个子集再次被问到这一事实有关……再一次……再一次。当有人提出问题时，这很令人沮丧，而且从一开始就很明显，他们甚至没有尝试先研究它。这是我能找到的最好的重复链接。请阅读。 stackoverflow.com/questions/544010/css-div-id-vs-div-class

标签： html css class tags

【解决方案1】：

ID 是唯一的，您只能将 id 用于一个元素

<div id="me"></div>

另一方面，类可用于定位多个元素

<div class="book">The Alchemist</div>
<div class="book">Harry Potter</div>

【讨论】：

好吧，我明白了，但是你能不能只针对一个元素而不是几个元素来复制带有 class 标签的 id 标签？那么为什么有人会选择在类标签上使用 id 标签，我想这就是我要问的。
@user3619057 是的，你也可以只对一个元素使用类，但内置的 ID 只能用于单个元素。
好的，谢谢，好像我遗漏了一些东西，并认为如果类可以做同样的事情，可能会有更多的东西，在想为什么要为它制作另一种不同类型的选择器。但这只是我的看法。
@user3619057 不客气。请记住，如果您要应用 id 或 class 的元素是唯一的，则应用 id，否则应用 class。

【解决方案2】：

id 标签实际上在 JavaScript 中使用得最好，它用于在一堆标签中唯一标识一个标签。当您开始使用 JavaScript 时，您会意识到 id 标签的重要性。假设您的 HTML 代码中有大约 50 个<p> 标签。但是你想获得一个特定的<p> 标签的值，那么显而易见的方法就是让你使用id。

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Date();
</script>

上面的代码检查id为“demo”的标签，然后将Date( )返回的输出分配给对应的标签。

【讨论】：

【解决方案3】：

id 用于单个元素。班级是集体的。如果你想改变 box2 的颜色。您也可以在它们上提供内联 css，因为内联 css 优先级高于另一种类型

【讨论】：