Html CSS在多个匹配器上选择特定匹配

我有下面的html结构，应该是动态的

<div class="row"><a href="">
        <h1>1</h1>
    </a></div>
<div class="row"><a href="">
        <h1>2</h1>
    </a></div>
<div class="row"><a href="">
        <h1>3</h1>
    </a></div>
<div class="row"><a href="">
        <h1>4</h1>
    </a></div>
<div class="row"><a href="">
        <h1>5</h1>
    </a></div>

我想用css选择

n

匹配使用

.row a h1

的结果。通过示例，我希望选择使用

.row a h1

选择器产生的第三个匹配项

---

我一直在尝试使用

.row a h1:nth child（3）

，但这不起作用。我是怎么做到的？

你几乎是对的。您应该这样做。行：第n个孩子（3）a h1。它将选择第三个“.row”并在那里找到“a h1”

Oh！！很明显！谢谢