1

我正在使用一个 HTML 文档，该文档使用灯箱实现来查看图像，并且由于与其 API 相关的原因，它在两个位置使用相同的元素 ID——一个用于缩略图视图，一个用于灯箱/完整视图。（这些元素位于单独的<div>标签中。）

这两个元素具有不同的类值，我想知道在编写选择器时如何区分它们？它类似于#myElementWithDuplicateID.className1and#myElementWithDuplicateID.className2吗？

一般来说，对页面上的不同元素使用相同的 ID 是不好的做法，还是有我不知道的情况？

4

1 回答 1

2

重复 ID 在 HTML 文档中无效，尤其会导致脚本问题，因此使用它们被广泛认为是不好的做法。在任何情况下，拥有一个公共 ID 的元素比拥有一个公共类更合理。如果可以的话，您应该更正重复的 ID，以防止您的灯箱 API 和其他地方出现潜在的并发症。

也就是说，在您无法对 ID 进行重复数据删除的情况下，您提出的解决方案（链接 ID 和类选择器）将起作用。CSS 中的单独 ID 选择器将匹配具有给定 ID 的所有元素，无论它们是否重复，因此使用类选择器来区分它们是合理的。进一步阅读。

于 2013-01-15T16:23:42.383 回答