Html 重复id的W3C错误'；s

我正在使用验证我的代码

然而，我有45个错误，主要与重复的id有关

我认为在可能的情况下，重新使用CSS将是一个很好的实践

示例代码：

CSS

HTML

云/托管

效果是我在一个垂直行中得到6个css框

请有人告诉我，我所做的是否正确，我是否应该忽略验证，或者是否需要以不同的方式进行验证

---

谢谢，

一个id显式地是唯一的。文档中只有一个元素必须有id。这就是为什么它被称为id，它是唯一的标识符

---

如果您想对多个元素应用相同的规则，这就是CSS类的用途。

对于多次出现的内容，您需要对其进行分类，而不是标识它们。id在页面中应该是唯一的

尽管有些东西可以使用重复的标识符，但不能确定它在所有浏览器中的工作方式都是相同的，而且有些东西肯定不会工作。例如，如果您想要使用标识符来使用JavaScript查找元素，那么您将遇到问题

改用class属性。CSS:

.cloudbullet {
  background-color: #85c0bf;
  height: 22px;
  left: 13px;
  margin-top: 7px;
  position: relative;
  top: 63px;
  width: 20px;
}

HTML:

云/托管

是否改用类？HTML ID是唯一的，只能使用一次。

使用类而不是ID想想像电话号码、汽车牌照或社会保险号码这样的ID。如果它们不是独一无二的，它们就会变得毫无用处。

<div id="container1-title" class="">
        <h2>Cloud/Hosting</h2>
        </div>

        <div id="cloudbullet" class="">
        </div>
        <div id="cloudbullet" class="">
        </div>
        <div id="cloudbullet" class="">
        </div>
        <div id="cloudbullet" class="">
        </div>
        <div id="cloudbullet" class="">
        </div>
        <div id="cloudbullet" class="">
        </div>

.cloudbullet {
  background-color: #85c0bf;
  height: 22px;
  left: 13px;
  margin-top: 7px;
  position: relative;
  top: 63px;
  width: 20px;
}

<div id="container1-title">
  <h2>Cloud/Hosting</h2>
</div>

<div class="cloudbullet">
</div>
<div class="cloudbullet">
</div>
<div class="cloudbullet">
</div>
<div class="cloudbullet">
</div>
<div class="cloudbullet">
</div>
<div class="cloudbullet">
</div>