css div id 每页只使用一次答案

【问题标题】：css div id used only once per pagecss div id 每页只使用一次
【发布时间】：2010-11-02 12:31:42
【问题描述】：

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

每页 1 个 id 的示例：

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

每页多个 id 的示例：

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

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

【问题讨论】：

标签： css

【解决方案1】：

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

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

更多信息请参见 W3C - Element identifiers: the id and class attributes（HTML 4.01 规范）。

【讨论】：

我刚刚创建了一个页面，其中包含两个具有相同 id 的标签
Hi

Hi
我的浏览器呈现它没有发出错误。我的选择器#first 也毫无问题地应用于这两个标签。似乎这应该是一个错误，并且与您的答案相矛盾
它正确地呈现了 HTML，因为浏览器编写者不得不编写大量代码来试图弄清楚你的意思。它修正了你的错误，@smaccoun。

【解决方案2】：

首先，tags通常是指div、a、img、body、...等元素。属性是id、class、链接，...

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

你的两个例子都是有效的。

【讨论】：

【解决方案3】：

id 应该是唯一的

【讨论】：

【解决方案4】：

物理上可能每个页面都有重复的 id，但您只想在 CSS 中每页使用一个 id 的原因是 CSS 选择器。预计按 id 进行 CSS 选择只会返回一个 DOM 项。

【讨论】：

【解决方案5】：

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

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

【讨论】：

【解决方案6】：

如果这是您所要求的，您可以拥有许多带有 id(s) 的元素。例如，只需查看此页面的源代码，您就会看到许多 id。

【讨论】：

【解决方案7】：

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

【讨论】：