css什么时候用class和id？

• 当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的区别

1、使用范围不同：

CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。ID属性的操作类似于CLASS属性，ID属性的值在整篇文档中必须是唯一的。

2、表示方法不同：

CLASS类选择器以标志符（句点）开头，用于指示后面是哪种类型的选择器。对于类选择器，之所以选择句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语，标志符表示“带有类名的元素”。ID选择器的标志符是散列符号（#）。标志符用来提醒浏览器接下来出现的是ID值。

3、用途不同：

可以使用CLASS属性来分类元素。ID属性用来标记文档中唯一元素。