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 元素