虽然ID被隐藏，但W3C验证错误“重复ID”

Question

在我的网站中，我使用CSS3媒体查询在移动设备上使用不同的样式。然后在我的HTML代码中添加一些div，仅在移动设备中显示与我隐藏的另一个div重复。

在W3C验证中，这是一个错误，带有“重复ID”。

但是ID不重复，因为其中一个是隐藏的。

如何解决此问题？

Answer 1

id attribute的值

  

[...]必须在元素的主要子树[...]

中的所有ID中唯一

因此，视觉隐藏元素无关紧要。

使它们独一无二，或使用其他钩子，例如一个class值。