id和类之间有什么区别？

Question

id和类之间有什么区别？有什么区别<div class="">和<div id="">当提到CSS的时候？可以用吗？<div id="">?我看到不同的开发人员在这两种情况下都这样做，而且由于我是自学成才的，所以我从来没有真正理解过。

Answer 1

或许一个类比会有助于理解两者之间的区别：

<student id="JonathanSampson" class="Biology Calculus" /><student id="MarySmith" class="Biology Networking" />

学生ID卡片是不同的。校园里没有两个学生会有同一个学生。ID卡片。然而，许多学生可以并且将至少分享一个。班级，等级和彼此。

把多个学生放在一个下面是没问题的班级，等级标题，如生物学。但是把多个学生放在一个学生下面是不能接受的ID.

施予规则通过学校的对讲机系统，你可以规则转到班级，等级:

“明天，所有的学生都要穿一件红色的衬衫去上生物课。”

.Biology {
  color: red;}

或者，你可以给一个特定的学生制定规则，方法是调用他的独特之处。ID:

“乔纳森·桑普森明天将穿一件绿色衬衫。”

#JonathanSampson {
  color: green;}

在这种情况下，乔纳森·桑普森收到了两条命令：一条是作为生物课的学生，另一条是直接的要求。因为乔纳森直接被告知，通过id属性，穿一件绿色衬衫，他将无视先前的要求，穿一件红色的衬衫。

更具体的选择者获胜。

Answer 2

使用ID与类的位置

两者之间的简单区别是，虽然可以在页面上重复使用类，但每个页面只能使用一次ID。因此，应该在div元素上使用ID来标记页面上的主要内容，因为只有一个主内容部分。相反，您必须使用类在表上设置交替的行颜色，因为根据定义，它们将不止一次使用。

ID是一个非常强大的工具。具有ID的元素可以是以某种方式操作元素或其内容的JavaScript片段的目标。ID属性可用作内部链接的目标，将锚标记替换为name属性。最后，如果您使您的ID清晰和合乎逻辑，它们可以作为文档中的一种“自我文档”。例如，您不一定需要在块之前添加注释，如果代码块的开始标记ID为“main”、“Header”、“脚注”等，则代码块将包含主内容。