CSS Nest combinators

Question

Sagen wir, ich habe den folgenden Code irgendwo:

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

und zusätzlichen Code an anderer Stelle:

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

Ich mag würde CSS schreiben, die nur den zweiten Anker-Tag auswählt. Ist das machbar? Meine ursprüngliche Schätzung war, einen Selektor wie folgend zu tun:

div > h1.specialClass ~ a 

Aber das funktioniert nicht. Wie schiebe ich die Kombinatoren, um das zu bekommen, ist das sogar in aktuellen CSS möglich?

Answer 1

Wenn beide Tags sind Kinder derselben Eltern, dann können Sie the :nth-of-type() selector verwenden:

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