JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">
        <a href="https://gooooooooogle.com">Probably unvisited link</a>
    </div>
</div>

<div class="outer">
    <div class="inner">
        <a href="https://stackoverflow.com">Probably visited link</a>
    </div>
</div>

CSS

div { padding: 1em; }
.inner { background-color: greenyellow; }
.outer { background-color: yellow; }

a:link { color: rgb(0, 138, 206); }
a:visited { color: rgb(180, 0, 180); }

JavaScript

// Uncomment one of these 2 lines:
//var target_elements = document.querySelectorAll('.inner a:link');    // Works
//var target_elements = document.querySelectorAll('.inner a:visited'); // Doesn't work!
for (i = 0; i < target_elements.length; i++) {
    target_elements[i].parentNode.parentNode.style.backgroundColor = 'gray';
}