JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <h1 class='myLink'>Cocacola</h1>
        <div>
            <div>
                <h1 class='myLink'>Sprite</h1>
            </div>
        </div>
    </div>

JavaScript

var firstLink = document.querySelector("div .myLink:nth-of-type(1)");

alert(firstLink); //works

var secondLink = document.querySelector("div .myLink:nth-of-type(2)");

alert(secondLink); //does not work