0

这让我感到困惑：

<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 的唯一标识字符。我错过了什么？

更新：

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

4

4 回答 4

3

这是无效的；id 必须是唯一的。然而，类名可以共享。

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

于 2013-02-05T01:58:20.740 回答
1

在任何给定页面上多次使用相同的 ID 是错误的。永远不应该这样做，并且会破坏引用该 ID 的代码。正确的方法是使用类。一个 css 类可以分配多次，而一个 ID 只能分配一次。

于 2013-02-05T01:59:31.467 回答
1

好吧，显而易见的事情是标记是错误的。id 是唯一的，class 不是。

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

如果一个人想要定位类似的东西，那么父容器可能会有一个 redRose 的 id，#redRose div但#redRose .roses就目前而言，css 只会针对指定的 id 之一，而且一开始就是错误的。

于 2013-02-05T02:00:14.163 回答
0

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

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

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

于 2013-02-05T02:00:47.820 回答