css什么时候用class和id

当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来定义

<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>