Селектор классов CSS не работает внутри элемента ID

Я пытаюсь изменить ссылку, выделив якорный текст «Prev» зеленым, но когда я использую атрибут ID, ссылка остается синей

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

Я понимаю, что могу сделать следующее, но, скажем, я не могу добавить #page, так как не знаю имени идентификатора:

#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>