楔子
一间屋子里有很多人,id 是人名,class 是大家穿的衣服。两个人有相同的名字就会出现混淆,而两个人穿了同样的衣服则没问题
区别
定义上区别
id 是元素名称,可以供 js 或其它脚本程序访问该元素
class 是该元素的 css 类名
W3C 原则规定上的区别
id 具有唯一性:id 在一个页面里的唯一性
class 具有普遍性
id 与 class 的使用技巧
- 子级名字中包含父命名中的部分为开头。这样方便在编写 CSS 时明确层次关系
- class 中的子级最好不用 id
- class 的命名最好命名用大小写合用。
例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头
id 与 class的优先级不同
优先级来看: Style > id > class > 缺省的 HTML 元素
网友评论