制作链接不是黑色与白色背景

Question

Tab

.navigation {
  padding: 40px 0px;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 30px;
  }

.navigation a {
  background: black;
  border: 1px solid grey;
  border-radius: 7px;
  color: white;
  display: inline-block;
  margin: 100px 35px 0px 35px;
  padding: 14px;
  text-decoration: none;
  opacity: 0.75;
  font-family: impact;
}

.navigation a:hover {
  background: white;
  border: 1px solid black;
  color: black;
}

#productions a {
    color: black !important;
    background: white !important;
}

我的链接是白色的黑色背景，但我希望其中一个（制作）是黑色的白色背景。我做到了： 奇怪的是，它在链接dj的其他页面上工作，我只是复制粘贴我的代码并将id dj更改为制作但它不再起作用。我一定犯了一些错误，但我可以弄清楚在哪里。

<div class="navigation">
  <div id="productions">
    <a href="./productions.html">Mes productions</a>
  </div>
  <a href="../DJ/DJ.html">DJ</a>
  <a target="_blank" href="../CV.pdf">Mon CV</a>
  <a href="../contact/contact.html">Me contacter</a>
</div>