不好的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