小编给大家分享一下css中class和id在什么时候使用，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
当css样式用于不止一个元素时，使用class来定义；当css样式只应用于一个元素时，使用id来定义。因为：id不能重复，只能使用一次，一个id只能用于一个标签元素；而class可以重复使用，同一个class可以定义在多个标签元素上。
CSS中的选择符除了可以选择HTML预定义的标签，比如<a>，<p>，<div>。还可以选择用户自己定义的id或者class。id与class的最主要不同就在于id不能重复，只能使用一次，一个id只能用于一个标签。而class可以重复使用，同一个class可以定义在多个标签上。实际上从名称就能看出来id与class的区别，id是识别符，而class是类。
那么什么时候使用id，什么时候使用class？
当css样式用于不止一个元素时，使用class来定义。
当css样式只应用于一个元素时，使用id来定义。
例如导航条，每个页面中，只存在一个顶部导航条的话，可以使用id来定义
<nav id="nav"></nav> // 或者 <div id="nav"></div>
例如商品列表，具有相同的样式，可以使用class来定义
<ul id="list"> <li class="list-item">1</li> <li class="list-item">2</li> <li class="list-item">3</li> </ul>
看完了这篇文章，相信你对“css中class和id在什么时候使用”有了一定的了解，如果想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
