CSS嵌套组合器

Question

说我在某处有以下代码：

<div>
    <h1></h1>
</div>
<a></a>

其他地方的其他代码：

<div>
    <h1 class="specialClass"></h1>
</div>
<a></a>

我想编写只选择第二个锚标记的CSS。这可行吗？我最初的猜测是做一个如下选择器：

div > h1.specialClass ~ a

但这不起作用。如何嵌套组合器以获得当前css中甚至可能的组合？

Answer 1

如果两个标签都是同一父母的孩子，那么您可以使用the :nth-of-type() selector：

a:nth-of-type(2) {
    background: red;
}