CSS里面ID与Class的区别是格式与用途的不同，具体有：

1. 在CSS文件里书写时，ID加前缀"#"；Class用"."

2. ID一个页面只可以使用一次；Class可以多次引用。

3. ID是一个标签，用于区分不同的结构和内容。就如函数中的变量，如果一个调用中出现两个一致的变量，就会出现混淆，系统将报错无法识别；Class是一个样式，可以套在任何结构和内容上，如同属性一致则认为是一个类。

4. 从概念上说就是不一样：ID是先找到结构/内容，再给它定义样式；Class是先定义好一种样式，再套给多个结构/内容。

CSS里面定义ID与Class格式与用途的不同具体（例子）有：

1. 定义格式不同：

   形如ID="aaa"定义的,在css中是这样设置其样式的：#aaa{ 样式列表 }
   以Class="bbb"形式定义的，在CSS中应该这样设置其样式：.bbb{ 样式列表 }

2. 用途不同：
   Class元素分2种,关联的和独立的。关联的用于html的相关tag，比如：h1.redone{color:red}
   

   字体为红色的

   
   

   字体是黑色的

   
   独立的元素可以用于所有的html元素的，比如
   .classname {property:value}
   ID元素和独立的Class功能相似，区别是ID是唯一的而且对于javascript操作html 元素有帮助。
   #idname {property: value}

归纳成一句话就是：Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题，但在标准上这绝对是错误的使用，而且很可能导致某些浏览器的现实问题。

• 注：A、在样式表定义一个样式的时候，可以定义id也可以定义class。B、目前主流浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过ID来控制Div时就会出现错误。

这个也只能靠自己养成好习惯了，id就像一个人的身份号码一样，不能重复的，一般用的时候不会出错，如果你用到js的时候，它有一个方法getElementById("id")，如果你出现多个id，它获取id的时候就会出错。

id不但能引用样式表，还能供js获取操作
对于js，id在一个页面是唯一的，如果在同一个页面有多个相同id属性，js只会获取第一个，这就是所谓的id唯一性
对于css，似乎id没有唯一性，似乎可以多次引用（这个不敢确定，因为没测试过）
对于class，一般情况下，只是提供给css引用，而不能被js引用
在css中，id样式引用格式是 #id属性{样式}，比如：#abc{font-size:12px;}对应id="abc"的html元素
class的样式引用格式是 .class属性{样式}, 比如 ： .abc{font-size:12px;}对应class="abc"的html元素

id的只能用一次是说同一个id在一个页面中只能出现一次，例如页面中有一个元素取id为“naviBar”，那么在这个页面中就不能再为其他元素取“naviBar”这个id了
class可以多次引用，是说在一个页面中，可以为多个元素加上同一个名称的class，例如

• a


• b



• c



• d