CSS 中的 id 和 class 有什么区别，什么时候应该使用它们？ [复制]

#main {
    background: #000;
    border: 1px solid #AAAAAA;
    padding: 10px;
    color: #fff;
    width: 100px;
}

<div id="main">
    Welcome
</div>

这里我给出了一个id to the div元素并为其应用相关的 CSS。

OR

.main {
    background: #000;
    border: 1px solid #AAAAAA;
    padding: 10px;
    color: #fff;
    width: 100px;
}

<div class="main">
    Welcome
</div>

现在我在这里给出了class to the div它也为我做同样的工作。

那么两者之间的确切区别是什么Id and class我什么时候应该使用id我什么时候应该使用class.?我是 CSS 和网页设计的新手，在处理这个问题时有点困惑。

• Use a class当你想要的时候一致地设计多个元素整个页面/网站。当您拥有或将来可能拥有多个共享相同样式的元素时，类非常有用。一个示例可能是“评论”的 div 或用于相关链接的特定列表样式。

  此外，一个给定元素可以有多个与其关联的类，而一个元素只能有一个 id。例如，您可以给一个 div 两个类，它们的样式都会生效。

  此外，请注意，除了视觉风格之外，类还经常用于定义行为风格。例如，jQuery 表单验证器插件大量使用类来定义元素的验证行为（例如是否需要，或定义输入格式的类型）

  类名的示例有：标签、注释、工具栏按钮、警告消息或电子邮件。

• Use the ID当你有一个单元素在将采用该样式的页面上。请记住，ID 必须是唯一的。在您的情况下，这可能是正确的选项，因为页面上可能只有一个“主”div。

  id 的示例包括：主要内容、页眉、页脚或左侧栏。

记住这一点的一个好方法是类是项目的一种类型和id 是项目的唯一名称在页面上。