首先,在表现形式上 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的大小