a:nth-child(1)

[André]

Hallo,

ich möchte dem ersten a innerhalb von <article class="anzeige"> ein margin-right verpassen. Meine Idee war:

.anzeige a {
    width: 45%;
    margin-top: 2em;
    display: inline-block;
}

.anzeige a:nth-child(1) {
    margin-right: 3em;
}

.anzeige a:nth-child(2) {
    margin-right: 0em;
}

Interessiert den Browser aber nicht, es wird kein Abstand angezeigt. Der Aufbau lautet:

<article class="anzeige">
	<h2>Test Ausgabe</h2>
	<a href="#" arget="_blank"><img src="" /></a>
	<a href="#" arget="_blank"><img src="" /></a>
	<iframe width="100%" height="166" scrolling="no" frameborder="no" src="#"></iframe>
</article>

Nachtrag: Dieses verstehe ich nicht, aber so funktioniert es

.anzeige a:nth-child(2) {
    margin-right: 3em;
}

.anzeige a:nth-child(4) {
    margin-right: 0em;
}

Kann mir dieses jemand erklären?