HTML验证程序报告错误，表明ID已定义

我在下面做了一个大的DIV框，让不同的单词有不同的字体大小。 HTML验证程序向我抛出错误消息，我不明白为什么。下面的代码有什么问题

我的CSS：

#fsize1 {
        font-size: 26px;   
        color: #ffffff;
}

#fsize2 {
    font-size: 23px;
    color: #ffffff;
}

#fsize3 {
    font-size: 20px;
    color: #ffffff;   
}

#fsize4 {
    font-size: 17px;
    color: #ffffff;
}

#fsize5 {
    font-size: 14px;   
    color: #ffffff;
}

#fsize6 {
    font-size: 11px;  
    color: #ffffff;  
}

#fsize1, #fsize2, #fsize3, #fsize4, #fsize5, #fsize6 {
   margin-right: 7px;
}

我的HTML

<a href="http://www.mysite.com" class="box1">
<div id="fsizes"><span id="fsize3">aaaaaaaa</span><span id="fsize5"> 
bbbbbbbbb</span><span id="fsize2">ccccccccccccc</span>
<span id="fsize6">ddddddddddddddddddddd</span><span
id="fsize1">eeeeeeeeeeeeee</span><span id="fsize4">fffffffff</span></div></a>

<a href="http://www.mysite.com" class="box2">
<div id="fsizes"><span id="fsize1">aaaaaaaa</span><span id="fsize2"> 
bbbbbbbbb</span><span id="fsize4">ccccccccccccc</span>
<span id="fsize3">ddddddddddddddddddddd</span><span
id="fsize5">eeeeeeeeeeeeee</span><span id="fsize6">fffffffff</span></div></a>

---

您有两个id为“fsizes”的div和两个id为“fsize3”的span

如果您希望它们在css中具有相同的引用，那么应该给它们相同的类名，而不是相同的id

---

要在css中使用类选择器，只需将“#”替换为“.”

您在至少两个位置有相同的id（尽管我的猜测无处不在） 这里有

：

<span id="fsize3">aaaaaaaa</span>

aaaaaa

在这里：

<span id="fsize3">ddddddddddddddddddddd</span>

dddddddddddddddddddddddddddd

html表示这是无效的：

id=name[CS]此属性为元素指定名称。这个名字 在文档中必须是唯一的

---

在html文件中不应分配两次id。您的两个div都有id

fsizes

。考虑将ID更改为一个类，并将CSS文件从<代码>更改为fs/<代码>到<代码>。fSeabor

< P> >添加到JavaSuu所提到的，也有相同ID的跨度。如果您打算像在OP中一样使用它们，我会将您的span ID更改为类

例如，在html中：

<span class="fsize3">aaaaaaaaaa</span>

或

---

我本想将此作为注释添加到Javaslu中，但它不允许我这样做。

您在代码中对多个元素使用相同的ID

在HTML中，ID属性用于标识单个、唯一的元素。如果希望将相同的样式规则应用于多个元素，最好在要分组的元素上使用属性类来定义一组元素

HTML

---

你有没有试着搜索错误的意思？嗨，我现在明白了，这是个愚蠢的错误。感谢您的明确解释，现在已经解决。没问题，如果这有助于解决您的问题，请将此标记为答案：）

SPAN.fsize3 { //do something; }

.fsize3 { //do something; }

<div id="first-element" class="fsize1"></div>
<div id="second-element" class="fsize1"></div>
<div id="third-element" class="fsize1"></div>

.fsize1 {
    font-size: 26px;   
    color: #ffffff;
}