CSS类选择器在ID元素内部不起作用

Question

我试图将锚文本为“ Prev”的链接更改为绿色，但是当我使用ID属性时，链接保持为蓝色

#page a {color: blue;}
a {color: green;}

我知道我可以执行以下操作，但是可以说我不能以#page开头，因为我不知道ID名称：

#page a.prev { color: green; }

我尝试了以下步骤，但无济于事：

.nav-links > a { color: green; }

或

.nav-links > a.prev { color: green; }

CSS prev链接始终被覆盖为蓝色。如何更改为绿色？

HTML：

<div id="page">
  <nav class="navigation pagination" role="navigation">
    <h2 class="screen-reader-text">Posts navigation</h2>
    <div class="nav-links">
      <a class="prev page-numbers" href="#">Prev</a>
      <a class='page-numbers' href='#'>1</a>
      <span aria-current='page' class='page-numbers current'>2</span>
    </div>
  </nav>
</div>