<nav>中的链接突然表现得像一个悬停，与其他链接不同

Question

刚开始，我是html和CSS的新手，并且只在过去两周左右进行了编码。我可能错过了一些东西或监督了一些重要的事情。但我希望你能帮助我。

我在其中一个页面中实现了一个简单的联系表单，这导致我的链接表现不同。我已经做到这一点，我的链接有一个悬停功能，它将边框颜色和背景颜色从白色和黑色更改为黑色和白色。很简单。在我实现了联系表单后，这些链接的行为就像我在我的css中激活了一样，使我的链接文本和边框从白色变为蓝色/紫色。我已经多次从上到下构建此联系表单的结构，以查看错误发生的位置，但我似乎无法找到它。有趣的是，如果我删除这个联系表单的样式，链接仍然会变为蓝色/紫色，这让我相信css不是问题，而是html。

我已经使用过此联系表单，我之前没有使用过。我不知道它是否有一些标记属性会使我的链接变为紫色。

希望你能提供帮助。

这是我的代码：

＆＃13;

＆＃13;

/*contact form*/
input[type=text],
select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
input[type=submit] {
  width: 20%;
  background-color: black;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
}
input[type=question] {
  width: 100%;
  min-height: 100px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/*hover code*/
nav div:hover a {
 display:block;
 position:relative;
 height:62px;
}

nav div:hover a:hover {
 background-color:#E3E3E3;
 color:black;
 border-color:black;
}

nav div:hover a:hover {
 background-color:#E3E3E3;
 color:black;
 border-color:black;
}

nav div:hover a:first-child {
 background-color:#E3E3E3;
 color:black;
}

a:hover{
 transition: 0.4s linear;
 background-color:#E3E3E3;
}

＆＃13;

<div>
  <form action="mailto:someone@example.com" method="post" enctype="text/plain">
    Fornavn og Efternavn
    <br>
    <input type="text" name="name">
    <br>E-mail:
    <br>
    <input type="text" name="mail">
    <br>Spørgsmål:
    <br>
    <input type="question" name="comment" size="50">
    <br>
    <input type="submit" value="Send">
  </form>
</div>

＆＃13;

＆＃13;

＆＃13;