本文摘自PHP中文网，作者青灯夜游，侵删。
当css样式用于不止一个元素时，使用class来定义；当css样式只应用于一个元素时，使用id来定义。原因：id不能重复，只能使用一次，一个id只能用于一个标签元素；而class可以重复使用，同一个class可以定义在多个标签元素上。
本教程操作环境：windows7系统、css3版本、Dell G3电脑。
教程推荐：css视频教程
CSS中的选择符除了可以选择HTML预定义的标签，比如<a>，<p>，<div>。还可以选择用户自己定义的id或者class。id与class的最主要不同就在于id不能重复，只能使用一次，一个id只能用于一个标签。而class可以重复使用，同一个class可以定义在多个标签上。实际上从名称就能看出来id与class的区别，id是识别符，而class是类。
那么什么时候使用id，什么时候使用class？
当css样式用于不止一个元素时，使用class来定义。
当css样式只应用于一个元素时，使用id来定义。
例如导航条，每个页面中，只存在一个顶部导航条的话，可以使用id来定义
1 2 3 |
|
例如商品列表，具有相同的样式，可以使用class来定义
1 2 3 4 5 |
|
更多编程相关知识，请访问：编程教学！！
以上就是css什么时候用class和id的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
