试图了解何时应该使用 id and/or class 标签

Question

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

结果

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

抱歉，如果这是一个难以理解的问题。我尽我所能地表达了它。

Answer 1

id 是唯一的，你只能为一个元素使用 id

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

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

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

Answer 2

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

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

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

以上代码检查 id 为 "demo" 的标签，然后将 Date( ) 返回的输出分配给相应的标签。

Answer 3

id 用于单个元素。 class 用于组。如果你想改变 box2 的颜色。你也可以给它们 inline css 因为 inline css 优先级高于另一种类型

试图了解何时应该使用 id and/or class 标签

Trying to understand when i should use id and/or class tag

html

css

tags

class