在我的样式表上输入DIV类和ID

Question

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

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

我还在我的html标签上实现了这段代码：

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

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

Answer 1

十六进制颜色需要以哈希为前缀。

border:4px dashed #008000;

此外，ID应该是唯一的，这意味着您应该只有一个具有给定ID的元素。

Answer 2

您不需要两个相同品质的课程。如果您想继续清理CSS，消除那些重复的类。

此外，所有十六进制颜色都需要在ID 之前包含＃。