CSS 的 ID 和 Class 有什么区别？如何正确使用它们？
CSS에서 ID와 클래스의 차이점은 무엇인가요? 올바르게 사용하는 방법은 무엇입니까? -PHP 중국어 사이트 Q&A-CSS ID와 Class의 차이점은 무엇인가요? 올바르게 사용하는 방법은 무엇입니까? -PHP 중국어 홈페이지 Q&A
꼭 보고 배워보세요.
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，当然现在是不推荐这样做的
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
CSS에서 ID와 클래스의 차이점은 무엇인가요? 올바르게 사용하는 방법은 무엇입니까? -PHP 중국어 사이트 Q&A-CSS ID와 Class의 차이점은 무엇인가요? 올바르게 사용하는 방법은 무엇입니까? -PHP 중국어 홈페이지 Q&A
꼭 보고 배워보세요.
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，当然现在是不推荐这样做的