css div id每页仅使用一次

在使用CSS时，最好的做法是每页只使用一次div id。我知道每个id必须是唯一的，但可以多次使用。在与我的开发团队的讨论中，有一个人认为每页只能使用一次div id标签

每页1个id的示例：

<page>
  <div id="test">Some Text</div>
  <div class="test12">More Text</div>
</page>

<page>
  <div id="test">Some Text</div>
  <div id="test12">More Text</div>
</page>

一些文本
更多文本

每页多个id的示例：

<page>
  <div id="test">Some Text</div>
  <div class="test12">More Text</div>
</page>

<page>
  <div id="test">Some Text</div>
  <div id="test12">More Text</div>
</page>

一些文本
更多文本

我希望这足够清楚。如果不让我知道，我可以试着更好地解释。

id应该是唯一的

---

请参见

您当然可以根据需要多次使用id=”“属性，但该属性的内容应该是唯一的。没有唯一值是一个HTML错误

如果需要多个项具有相同的属性，则可以将它们设置为一个类

---

更多信息请参见W3C-（HTML4.01规范）。

物理上，每页都可能有重复的id，但您只想在CSS中每页使用一个id的原因是因为CSS选择器。执行CSS按id选择是期望的仅返回单个DOM项。

id是页面上一个元素的唯一分配

您可以多次使用“ID=”属性。您需要确保ID=“hi”只使用一次，因为它应该是元素级别的唯一标识符

链接到支持文档：

---

如果您要求的是id，那么可以有许多元素。例如，只要查看此页面的源代码，您就会看到许多id。

首先，标记通常指div、a、img、body等元素属性是标记内给定的值，如id、class、href等

可以为每个标记指定一次id属性，并限制两个标记不共享相同的id值

---

您的两个示例都是有效的。

如果它只与CSS相关，那么我们也可以对DIV标记使用Class而不是Id

我刚刚创建了一个包含两个相同Id的标记的页面，并且我的浏览器没有发出错误。我的选择器#首先也适用于这两个标记，没有问题。看起来这应该是一个错误，并且与您的回答相矛盾。它正确地呈现了HTML，因为浏览器编写者必须编写大量代码来尝试理解您的意思。它修正了你的错误，@smaccon。