CSS class 和id有什么区别？
1、可标识元素数量：
id只可用于标识一个元素，而class可用于标识多个元素。
2、元素可添加数量：
每个元素只能有一个id，而可以在同一元素上使用多个class。
3、选择器上的区别：
在CSS中，class选择器是一个以点（“.”）开头的名称，而ID选择器是一个以哈希字符
（“＃”）开头的名称。
使用class选择器的示例代码：
<style type="text/css">.footer{background:red;}</style>
<div class="footer">footer</div>
使用id选择器的示例代码：
id： <style type="text/css">#footer{background:red;}</style>
<div id="footer">footer</div>
1、使用范围不同：
CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。ID属性的操作类似于CLASS属性，ID属性的值在整篇文档中必须是唯一的。
2、表示方法不同：
CLASS类选择器以标志符（句点）开头，用于指示后面是哪种类型的选择器。对于类选择器，之所以选择句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语，标志符表示“带有类名的元素”。ID选择器的标志符是散列符号（#）。标志符用来提醒浏览器接下来出现的是ID值。
3、用途不同：
可以使用CLASS属性来分类元素。ID属性用来标记文档中唯一元素。
扩展资料：
相关使用规则：
在命名id和class类的时候注意大小写，ID和class是对大小写非常敏感的，可以是单纯的英文字母，也可是字母与数字结合，以英文字母开头，中间可以含有半角减号和下划线，不能用中文和特殊字符命名CSS类名。
在CSS 2.1规范中，识别符（包括选择符中的元素名、类、ID）只能包含A～Z、a～z、0～9等字符，加上连字符“-”、下划线“_”。
识别符不能以数字开头，以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。同时，其他元素名称、类和ID标识符也不允许用连字符开头。
参考资料来源：百度百科-CSS （层叠样式表）
1、在CSS文件里书写时，ID加前缀"#"；CLASS用"."
2、id一个页面只可以使用一次；class可以多次引用。
3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；
4、从概念上说就是不一样的：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。
目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。
id 是 一对一的
class是 一对多的
