a:nth-child(1)

[Der Martin]

Hi,

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

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

damit selektierst du ein a-Element, das innerhalb seines Elternelements mit der Klasse anzeige das erste Kindelement ist. Ein solches Kindelement gibt es in deinem Markup aber nicht, das erste Kind von .anzeige ist ein h2-Element:

<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>

Interessiert den Browser aber nicht, es wird kein Abstand angezeigt.

Völlig korrekt. Vielleicht möchtest du in deinem Fall lieber die Pseudoklasse nth-of-type verwenden?

So long,
 Martin