css/javascript選擇器之間的區別

Question

div＃name和#name有什麼區別？或者，如果您使用class或id來定位某個元素，是否有區別？謝謝

Answer 1

您可以在文檔中出現一次的元素使用ID。您可以爲頁面中的多個元素使用類。

div＃name和#name有什麼區別？

DIV＃名稱

僅指該div具有ID '名稱'

而＃NAME是指任何元件，其具有ID '名稱'

Answer 2

第一個更具體，如果你有幾個規則應用 例如，在這個例子中第一個案例「勝利」，因爲它更具體。

div#kuku {color:red} 
#kuku {color:blue} 

的良好來源閱讀：http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Answer 3

類選擇可以適用於許多標籤，而一個ID是唯一與單個標籤相關聯。所以我會說一個類選擇器將返回多個元素，而一個id選擇器將返回一個。

Answer 4

div#name將選擇器限制爲只有id的DIV。

#name蘋果與任何具有該ID的元素。

正如@naivists指出的那樣，在兩個規則之間併發的情況下，更明確的一個（div＃name）獲勝。

Answer 5

DIV＃名稱將匹配

<div id="name">foo</div> 

但不

<span id="name">foo</span> 

＃NAME將同時匹配，但你不能同時擁有同一文檔的ID在在文檔中的獨特和類可以是多個。

Answer 6

ID是在頁面上是獨一無二的，具有更多的特異性換句話說，如果你有

<div id="foo" class="bar"> 

然後

#foo{ 
    background: green; 
} 
div#foo{ 
    background: red; 
}  
.bar{ 
    background: purple; 
} 

將是紅色的。這是一個很好特異性戰爭的這個使用達斯維達和星球大戰這裏 http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

的形象在這裏解釋： http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg

簡單的ID＃勝過任何數量的類（。）反過來勝過任何數量的標籤選擇器。例如：

# *beats* . . . . *beats* body div div ol li p 

Answer 7

至於定位，你通常有許多具有給定類名的元素，但是id是特定於單個元素的。一般情況下，您不想同時定位多個元素，除非它僅用於一個軸。