Html 输入DIV类和ID'；它在我的样式表上

我在样式表上实现了以下代码：

.friend {
      border:4px dashed 008000;
  }
.enemy {
      border:2px dashed 008000;
  }
.family {
      border:2px dashed 008000;
  }
#archnemesis {
      border:4px solid 008000;
  }
* {
      border:4px solid 008000;
  }

<div class="family" id="archnemesis"></div>
<div class="friend" id="archnemesis"></div>
<div class="enemy"></div>

我还在我的html选项卡上实现了这段代码：

.friend {
      border:4px dashed 008000;
  }
.enemy {
      border:2px dashed 008000;
  }
.family {
      border:2px dashed 008000;
  }
#archnemesis {
      border:4px solid 008000;
  }
* {
      border:4px solid 008000;
  }

<div class="family" id="archnemesis"></div>
<div class="friend" id="archnemesis"></div>
<div class="enemy"></div>

---

由于某些原因，结果没有显示在网页上。谁能告诉我代码出了什么问题吗？

十六进制颜色需要加上一个哈希前缀

border:4px dashed #008000;

---

此外，id应该是唯一的，这意味着给定id的元素不应超过一个。

对于相同的质量，不需要两个类。如果您想继续清理CSS，请删除那些重复的类。

此外，所有十六进制颜色都需要在id之前包含一个#

将缺少的添加到颜色中，并从DOM中删除重复的id