在应用CSS时，将其应用于类，并尽量避免应用于id。ID只能在JavaScript中用于获取元素或任何事件绑定。

应该使用类来应用CSS。

有时必须使用类进行事件绑定。在这种情况下，尽量避免使用用于应用CSS的类，而是添加没有相应CSS的新类。当你需要更改任何类的CSS或更改任何元素的CSS类名时，这将会有所帮助。

id必须是唯一的，因为类可以应用于很多东西。在CSS中，id看起来像#elementID，类元素看起来像.someClass

一般来说，当您有许多相似的东西时，当您想引用特定的元素和类时，请使用id。例如，常见的id元素包括页眉、页脚、边栏。常见的类元素是highlight或external-link。

阅读级联并理解分配给各种选择器的优先级是个好主意:http://www.w3.org/TR/CSS2/cascade.html

但是，您应该了解的最基本的优先级是id选择器优先于类选择器。如果你有这个:

<p id="intro" class="foo">Hello!</p>

and:

#intro { color: red }
.foo { color: blue }

文本会是红色的，因为id选择器优先于类选择器。

id和class是两个全局/标准HTML属性(下面的全局属性可以用于任何HTML元素)。

为一个元素指定一个或多个类名(引用样式表中的类)

id元素的唯一id

id属性提供了元素文档范围内的唯一标识符，其中class属性提供了对类似元素进行分类的方法。

id属性值必须在整个HTML页面中是唯一的，class属性可以在任何想要应用相同属性的地方被重用

CSS是面向对象的。ID表示实例，class表示类。

一个CLASS应该用于您希望具有相同样式的多个元素。ID应该用于唯一的元素。请参阅本教程。

如果您想成为一个严格的墨守成规者，或者如果您希望您的页面符合标准，那么您应该参考W3C标准。

任何元素都可以有类或id。

类用于引用某种类型的显示，例如，您可能有一个css类用于表示这个问题的答案的div。因为会有很多答案，多个div将需要相同的样式，你将使用一个类。

一个id只引用一个元素，例如右边的相关部分可能有特定于它的样式，而不是在其他地方重用，它将使用一个id。

从技术上讲，您可以使用所有的类，或者在逻辑上拆分它们。但是，您不能对多个元素重用id。