即使在使用CSS更改后，默认链接颜色仍然显示

Question

我的导航和li带有链接，然后用我的CSS改变了颜色。通常这对我来说很好，但今天我似乎无法弄清楚这个故障。我的导航链接仍然显示为默认颜色，而不是我在CSS中设置的颜色。

我尝试清理代码，但仍然遇到问题。奇怪的是悬停颜色工作正常，但显示颜色不是。

以下是代码：

<nav>
    <ul>
        <li> <a href="index.html">home</a> </li>
    <li> <a href="about.html">about</a> </li>
    <li> <a href="photos.html">photos</a> </li>
    <li> <a href="contact.html">contact</a> </li>
    <li> <a href="prices.html">prices</a> </li>
    </ul>
</nav>

/*Nav*/
nav {
  width: 50%;
  margin-left: 45%;
  margin-right: auto;
}

nav ul li {
  position: relative;
  display: inline-block;
  float: left;
  width: 20%;
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
}

nav ul li a {
  color: #4C4C4C;
  text-decoration: none;
}

nav ul li a:hover {
  color: #f64751;
  text-decoration: none;
}