id有唯一性，就像身份证一样，只针对某元素有用

class有普遍性，如果很多元素都需要用同一种样式，就要使用class，

id有唯一性，就像身份证一样，只针对某元素有用

class有普遍性，如果很多元素都需要用同一种样式，就要使用class，

id具有唯一性，代码中只能出现一次；而class不同——可以为相同元素添加同一种元素

id选择器是对某一个大的标签下面子标签特有属性设置，class标签是对多个标签共有属性设置。

补充一下 id权值比较高

对某一个特定元素使用特定样式时使用id，多种元素使用同种样式时使用class

css里面用"#"开头的选择符用id,一个页面的id不能出现重名     用"."开头的的选择符用class

id有唯一性。但是在文档中只能使用一次

class具有普遍性，可以为同一元素设置各种样式，而id不可以

相同点：可以应用于任何元素
不同点：

1、ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

下面代码是正确的：

<p>三年级时，我还是一个<span class="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span>来回答老师提出的问题。</p>

而下面代码是错误的：

<p>三年级时，我还是一个<span id="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span id="stress">勇气</span>来回答老师提出的问题。</p>

2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）。

下面的代码是正确的(完整代码见右侧代码编辑器)

.stress{
    color:red;
}
.bigsize{
    font-size:25px;
}
<p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课...</p>

上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。

下面的代码是不正确的(完整代码见右侧代码编辑器)

#stressid{
    color:red;
}
#bigsizeid{
    font-size:25px;
}
<p>到了<span id="stressid bigsizeid">三年级</span>下学期时，我们班上了一节公开课...</p>

上面代码不可以实现为“三年级”三个文字设置文本颜色为红色并且字号为25px的作用。