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

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

id元素的唯一id

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

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

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

应该使用类来应用CSS。

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

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

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属性可以在任何想要应用相同属性的地方被重用

或许打个比方有助于理解其中的区别:

<student id="JonathanSampson" class="Biology Calculus" />
<student id="MarySmith" class="Biology Networking" />

学生证是不同的。校园里不允许两个学生使用相同的学生证。然而，许多学生可以并且愿意与其他同学共享至少一个班级。

把多个学生放在一个班级标题下是可以的，比如生物。但把多个学生放在一个学号下是不可接受的。

当通过学校对讲系统发布规则时，你可以向一个班级发布规则:

“明天，所有的学生都要穿一件红衬衫去上生物课。”

.Biology {
  color: red;
}

或者你可以给一个特定的学生规则，通过调用他的唯一ID:

“乔纳森·桑普森明天要穿绿色衬衫。”

#JonathanSampson {
  color: green;
}

在这种情况下，乔纳森·桑普森收到了两个命令:一个是生物课上的学生，另一个是直接要求。因为通过id属性直接告诉Jonathan穿绿色衬衫，所以他将忽略先前穿红色衬衫的请求。

更具体的选择器获胜。