CSS中id和class的区别

首先，在表现形式上 ID 的优先级比css高，例如：

<style>

#id {background-color:Red}

.class {background-color:blue}

</style>

<div id="id" class="class">

蓝色理想

</div>

id和class都定义了背景颜色的属性，但是由于id的优先级比class高，所以背景色为id所定义的红色

再次，class是通用属性，就是说几个div可以调用同一个class ，而ID是唯一的，web标准中不允许出现两个div的id标识是相同的，id也是js获取对象的一个标识，所以也必须是唯一的，（就像如果一个房子里面如果有两个相同名字的人，我要这个名字的人去做某事，谁去呢？就会混乱）

class还有个好处就是，一个div可以调用几个css，如

<style>

#id {background-color:gray}

.class1 {color:red;}

.class2 {width:200px;height:100px}

</style>

<div id="id" class="class1 class2">

蓝色理想

</div>

class1控制文本颜色为红色，class2控制div的大小