不好的css練習直接通過它們的id來設計元素而不是引用css類？

是不是習慣使用它的id來設計一個元素，還是應該引用每個引用相應css的元素的樣式？不好的css練習直接通過它們的id來設計元素而不是引用css類？

<div id="test"> 
</div>

對：

<div id="test" class="testClass"> 
</div>

#test{ 
color:blue; 
} 

.testClass { 
color:blue 
}

來源

2012-07-27 blue-sky

看到這個答案：http://stackoverflow.com/questions/11671153/should-i-aim-to-add-a-class-id-to-everything-or-use-other-selectors/11671266#11671266 – BonyT 2012-07-27 11:00:50

這需要意見和討論，而不是基於事實的答案。這也意味着一個錯誤的「css類」概念（沒有這樣的東西，只有「css id」）。 – 2012-07-27 11:01:18

沒有「Css類」這樣的東西？ - MS可能會不同意你在那裏：http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.webcontrol.cssclass(v=vs.71).aspx – BonyT 2012-07-27 11:03:00

這不是一個壞的或好的做法。 id選擇器的用途與class不同。

如果您打算只設計這一個元素，而不是在其他地方重新使用樣式 - id是您的選擇。如果您需要很多類似的div -s具有相同的樣式 - 請使用class

來源

2012-07-27 10:59:59

的ID是基本相同的事，作爲一個類，ID是稍快，而應僅被一個元件上使用的，而類可以用於許多。

來源

2012-07-27 10:56:30 Andy

如果你想讓多個元素具有藍色的顏色，那麼你需要使用一個類，否則一個id很好。

來源

2012-07-27 10:58:01 cjm

ID的號碼是唯一的。應該只有一個元素在您的頁面上具有該ID。在造型方面，我不認爲這樣做是不好的做法，但ID在特異性方面取得勝利。基本上，選擇器越具體，在涉及到相互矛盾的樣式時就會越偏好，所以應用於ID的任何樣式都會覆蓋其他樣式。

p has a specificity of 1 (1 HTML selector) 
div p has a specificity of 2 (2 HTML selectors; 1+1) 
.tree has a specificity of 10 (1 class selector) 
div p.tree has a specificity of 12 (2 HTML selectors and a class selector; 1+1+10) 
#baobab has a specificity of 100 (1 id selector) 
body #content .alternative p has a specificity of 112 (HTML selector, id selector, class selector, HTML selector; 1+100+10+1)

來源

2012-07-27 11:00:42 SpaceBeers

ID VS類

#id

的ID必須在文檔中唯一的，並且經常被用於檢索使用的document.getElementById的元素。在某些文檔中（尤其是HTML，XUL和SVG），元素的id可以被指定爲元素的屬性，如下所示：。

但是，如果不在DOCTYPE中正確指定id屬性的類型，則無法在自定義XML文檔中使用此屬性。

id的其他常見用法包括在使用CSS對文檔進行樣式化時使用元素的ID作爲選擇器。

請注意，ID區分大小寫，但不應創建僅在大寫區分方面不同的ID（請參閱類和ID名稱中的區分大小寫）。

.class