Css en fonction de l'ancre cliquée

<a href="#1" rel="nofollow noopener noreferrer" target="_blank" class="ancre">1</a>
<a href="#2" rel="nofollow noopener noreferrer" target="_blank" class="ancre">2</a>

<div id="1" class="titre-ancre">1</div>
<div id="2" class="titre-ancre">2</div>

<script>
var colorDefault = '#000';
var colorActive = '#888';

// on récupère les balises class="ancre"
var links = document.querySelectorAll('.ancre');

for (var i = 0; i < links.length; i++) {
    // pour chaque balises class="ancre" on associe une la fonction suivante
    links[i].addEventListener('click', function() {
        // on réinitialise la couleur de tous les titres
        var titles = document.querySelectorAll('.ancre');
        for (var j = 0; j < titles.length; j++) {
            document.getElementById(new URL(titles[j].href).hash.replace('#', '')).style.color = colorDefault;
        }
        
        // on change la couleur du titre correspondant à l'ancre cliquée
        var hash = window.location.hash;
        document.getElementById(hash.replace('#', '')).style.color = colorActive;
    });
}
</script>