CSS class 和id有什么区别？

Answer 1

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>

Answer 2

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 （层叠样式表）

Answer 3

在样式表定义一个样式的时候，可以定义id也可以定义class。

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

2、id一个页面只可以使用一次；class可以多次引用。

3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；

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

目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。

Answer 4

class能重复调用，ID只能调用一次

Answer 5

1楼 说的很清楚了

id 是 一对一的
class是 一对多的