用class和id给div命名有什么的区别吗？
用class和id给div命名有什么的区别吗？
慕前端0112867
2017-03-26
6 回答
id是一个标签，用于区分不同的结构和内容；id是先找到结构/内容，再给它定义样式；class是一个样式，可以套在任何结构和内容上；class是先定义好一种样式，再套给多个结构/内容,比如
<div id="a" class="b">test</div>
#a{ width:300px; height:50px;color:green;}
.b{ width:100px; height:300px; color:blue;}
这样会显示宽300px，高50px，背景为绿色。因为class是全局属性，id是局部属性，所以显示的样式是class定义的这个属性后再加上id新定义的属性。（当class和id属性重复时，取id的属性）
具体的区别就是语义的区别，class是类（百度一下面向对象），id是唯一标识，每个元素只能有唯一的id，但多个元素可以共用class。例如：
<div class="animals" id="animals_1">
<div id="dog_XiaoHuang">
</div>
<div id="pig_XiaoPang">
</div>
</div>
<div class = "animal" id="animals_2">
<div id = "chicken_GeGe">
</div>
<div id="cat_MiaoMiao">
</div>
</div>
如上所示，class是可以重用的，唯一标识为"animals_1"的元素和唯一标识为"animals_2"的元素都用了名字为"animals"的类名，但是所有的元素没有id重复的。
具体到实际使用的时候，尽量少用id，多用class，因为网页内容很多很乱，这种需要做唯一处理的东西越少越好，因为东西多起来之后，找出这些各种需要做单独处理的东西就会变得很困难很乱。所以要尽量用class将需要做同样处理的元素都定义同样的一种类型，酱紫如果我修改了class=animals的样式，那么animals_1，animals_2，animals_3....等等都可以被统一处理掉。而不是一个一个去挨个处理。。
2017-03-26
说得真不错！
具体的区别就是语义的区别，class是类（百度一下面向对象），id是唯一标识，每个元素只能有唯一的id，但多个元素可以共用class。例如：
<div class="animals" id="animals_1">
<div id="dog_XiaoHuang">
</div>
<div id="pig_XiaoPang">
</div>
</div>
<div class = "animal" id="animals_2">
<div id = "chicken_GeGe">
</div>
<div id="cat_MiaoMiao">
</div>
</div>
如上所示，class是可以重用的，唯一标识为"animals_1"的元素和唯一标识为"animals_2"的元素都用了名字为"animals"的类名，但是所有的元素没有id重复的。
具体到实际使用的时候，尽量少用id，多用class，因为网页内容很多很乱，这种需要做唯一处理的东西越少越好，因为东西多起来之后，找出这些各种需要做单独处理的东西就会变得很困难很乱。所以要尽量用class将需要做同样处理的元素都定义同样的一种类型，酱紫如果我修改了class=animals的样式，那么animals_1，animals_2，animals_3....等等都可以被统一处理掉。而不是一个一个去挨个处理。。
举报
0/150
提交
取消
