zmiana koloru we wszystkich elementach

Mam w kodzie HTML dwa linki:

<ul id="header_links">
<li id="header_link_contact">
<a href="http://kontakt.php" title="Kontakt">Kontakt</a>
</li>
<li id="header_link_sitemap">
<a href="http://mapa-strony.php" title="Mapa strony">Mapa strony</a>
</li>
</ul>

Chcę zmienić kolory linków za pomocą Javascriptu dla obu linków. Zastosowałem poniższy skrypt, ale zmienia on tylko kolor dla pierwszego , a chcę zmienić kolor dla wszystkich elementów poprzez manipulacje DOM (przypuszczam, że trzeba do kodu dodać odwołanie kolor.childNodes) tylko, że kilka prób skończyło się u mnie fiaskiem. Ktoś pomoże?

	<script>

function zmiana_styli(){

var kolor = document.querySelector('ul#header_links li a');
 with (kolor.style) {
 	color = '#f3f1de';
}

zmiana_styli();
</script>

Do obu elementów a odnosi się w CSS ul#header_links li a.

Proponuję tak:

   var kolor = document.querySelectorAll('ul#header_links li a');
    for(let obj of kolor) {
        obj.style.color = "green";
    }

A może ustawić klasę na body np green i w css body.green * {color:green !important;}