2013-02-05 53 views
0

這變得撲朔迷離對我說:HTML類與ID爲一組的div

<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」和「玫瑰」之間的顯着差異,但爲什麼他分配相同的ID「redRose '多個div?它似乎在這裏失去了id的獨特識別性質。我錯過了什麼?

更新:

感謝大家的幫助。我希望我能標記每個人的答案是正確的。

回答

1

那麼,顯而易見的是標記是錯誤的。 Id是唯一的,類不是。

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

有可能是redRose到父容器的ID如果一個人要針對類似#redRose div#redRose .roses但因爲它代表了這個CSS將只針對ID的一個規定,是剛開始時錯了。

+0

我只是仔細看了一下,每個div id都是圍繞另一個div。我編輯了原始問題。這是合法嗎? – user1824996

+0

對不起,評論了錯誤的答案,但仍然適用。每個ID只能在頁面上使用一次。他們可以是redRose1,redRose2等,但可能沒有意義。是否有一個原因,你想爲這些項目分配一個共同的ID? –

+0

不,這是我想了解的別人的代碼。他把我搞糊塗了...... :) – user1824996

3

這是無效的;該ID必須是唯一的。類名稱可以共享。

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

+0

我只是仔細看了一下,每個div id都是圍繞另一個div。我編輯了原始問題。 – user1824996

+0

無論元素出現在文檔中的哪個位置,每個元素的ID都必須是唯一的 –

+0

我不知道內置錯誤檢查是否會將相同的ID分配給多個元素時發出警告,您是否有' – user1824996

1

使用相同ID不止一次任何給定的網頁上是錯誤的。它不應該被完成,並會破壞引用該ID的代碼。正確的做法是用類。一個CSS類可以分配多次,而一個ID只能分配一次。

+0

我只是仔細看了一下,每個div id都包裹在另一個div中。我編輯了原始問題。這是合法嗎? – user1824996

+0

不。請記住,每個頁面只能有一個redRose標識。整個包容性。它主要用於諸如#header之類的地方,通常只有一個。 –

相關問題