Question

这让我感到困惑：

<div class='wrapper'>
   <div id='redRose' class='roses'>...</div>
</div>

 <div class='wrapper'>
   <div id='redRose' class='roses'>...</div>
</div>

 <div class='wrapper'>
   <div id='redRose' class='roses'>...</div>
</div>

我可以看到'redRose'和'roses'之间的明显区别，但为什么他将同一个id'redRose'分配给多个div？它似乎在这里失去了id的独特识别特征。我错过了什么吗？

更新

感谢大家的帮助。我希望我能够标记每个人的答案是正确的。

Answer 1

这是无效的; id必须是唯一的。但是，可以共享类名。

http://www.w3.org/TR/html401/struct/global.html#h-7.5.2

Answer 2

在任何给定页面上多次使用相同的ID是错误的。它永远不应该完成，并将破坏引用该ID的代码。正确的方法是使用课程。可以多次分配css类，而ID只能分配一次。

Answer 3

嗯，显而易见的是标记是错误的。 Id是唯一的，类不是。

http://css-tricks.com/the-difference-between-id-and-class/

如果想要定位#redRose div或#redRose .roses之类的内容，可能会有一个redRose的id到父容器，但是因为它代表了css，所以它只针对指定的id之一并且开始时是错误的。

Answer 4

http://css-tricks.com/the-difference-between-id-and-class/

ID是唯一的   每个元素只能有一个ID每个页面只能有一个元素   使用该ID

类不是唯一的您可以在多个上使用相同的类   元素。您可以在同一元素上使用多个类。

HTML类与一组div的id

4 个答案: