84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
CSS 的 ID 和 Class 有什么区别？如何正确使用它们？
What is the difference between ID and Class in CSS? How to use them correctly? -PHP Chinese website Q&A-What is the difference between CSS ID and Class? How to use them correctly? -PHP Chinese website Q&A
Please watch and learn.
ID是使用#来标识的，class是使用.（点）标识的，再有就是id的同一个名字只能在页面出现一次，class可以出现多次
ID具有唯一性，Class具有普遍性。ID是唯一的，所以尽量在结构外围使用，通常用于页面布局。Class是可重复的，所以尽量在结构内部使用，通常用于样式定义。ID的样式优先级高于Class。
对于CSS而言，id和class都是选择器，唯一不同的地方在于权重不同。
如果只说CSS，上面那一句话就讲完了。
拓展出来，对于html而言，id和class都是dom元素的属性值。不同的地方在于id属性的值是唯一的，而class属性值可以重复。
id还一个老特性是锚点功能，当浏览器地址栏有一个#xxx，页面会自动滚动到id=xxx的元素上面。
由于大家都是选择器，曾经一段时间在前端重构分开的公司，会用不同类型的选择器来分隔开发人员职责，前端用id操作dom，重构用class来操作dom，当然现在是不推荐这样做的
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
What is the difference between ID and Class in CSS? How to use them correctly? -PHP Chinese website Q&A-What is the difference between CSS ID and Class? How to use them correctly? -PHP Chinese website Q&A
Please watch and learn.
ID是使用#来标识的，class是使用.（点）标识的，再有就是id的同一个名字只能在页面出现一次，class可以出现多次
ID具有唯一性，Class具有普遍性。
ID是唯一的，所以尽量在结构外围使用，通常用于页面布局。
Class是可重复的，所以尽量在结构内部使用，通常用于样式定义。
ID的样式优先级高于Class。
对于CSS而言，id和class都是选择器，唯一不同的地方在于权重不同。
如果只说CSS，上面那一句话就讲完了。
拓展出来，对于html而言，id和class都是dom元素的属性值。不同的地方在于id属性的值是唯一的，而class属性值可以重复。
id还一个老特性是锚点功能，当浏览器地址栏有一个#xxx，页面会自动滚动到id=xxx的元素上面。
由于大家都是选择器，曾经一段时间在前端重构分开的公司，会用不同类型的选择器来分隔开发人员职责，前端用id操作dom，重构用class来操作dom，当然现在是不推荐这样做的