HTML中class跟id标签的区别

HTML中class和id标签的区别

先举个例子来区分它们两个：

例如，在一个屋里，有很多人，那么ID就是人的名字，而Class是衣服。

如果两个人名字相同就会出现混淆，而如果两个人穿同样的衣服就不会出现类似状况。所以明白这个比喻之后，他们俩的关系你就明白了一半！

下面来说说它们两个的区别

从定义上来说：

id是元素的名称，可以供js或其它脚本程序来访问该元素对象

class是该元素的css类名。

从W3C原则规定方面

ID具有唯一性，即ID在一个页面里唯一性。

Class具有普遍性

ID与CLASS的使用技巧

1. 子级名字中包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。

2. CLASS中的子级最好不用ID。

3. CLASS的命名最好命名用大小写合用。

例 .newMovie这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头

ID与class的优先级不同

优先级来看： Style ＞ ID ＞ Class ＞缺省的Html元素

通过实践总结

1、ID具有唯一性，并且尽量在外围使用。而CLASS具有可重复性，并且尽量在结构内部使用。

2、这样有利于后期维护与修改，让所有的CLASS都成为ID的子级或是孙级.

3、出现重复定义时，从优先级来看是： Style ＞ ID ＞ Class ＞缺省的Html元素

4楼ceonl2012-12-11 22:01

很不错，需要提升http://www.5cto.cn

3楼lfmilaoshi2012-12-11 16:38

积累n米老师

2楼han_yankun20092012-12-11 09:30

细看了

1楼love198909112012-12-11 08:20

总结的挺好的！