扫码关注官方订阅号
CSS 的 ID 和 Class 有什么区别?如何正确使用它们?
CSS 的 ID 和 Class 有什么区别?如何正确使用它们?-PHP中文网问答-CSS 的 ID 和 Class 有什么区别?如何正确使用它们?-PHP中文网问答
围观一下哦,学习一下。
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,当然现在是不推荐这样做的
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
CSS 的 ID 和 Class 有什么区别?如何正确使用它们?-PHP中文网问答-CSS 的 ID 和 Class 有什么区别?如何正确使用它们?-PHP中文网问答
围观一下哦,学习一下。
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,当然现在是不推荐这样做的