Das Problem: Ich habe folgenden HTML-Quelltext:
<!-- Verlinktes Bild --> <a href="link.html"><img src="bild.jpg" alt="Bild" /></a> <!-- Ein Textlink --> <a href="link.html">Dies ist ein Link</a>
Nun möchte ich, dass Links von Bildern anders dargestellt werden als Textlinks. In CSS gibt es zwar einen Kind-Selektor, so kann ich bspw. mit
a > img {
border:0px;
}
die Bilder ansprechen, die verlinkt sind. Aber ich möchte ja den Link ansprechen…
Da es in CSS keinen Eltern-Selektor gibt (aus welchen Gründen auch immer), muss man mit Javascript nachhelfen. In jQuery (ab 1.3) ist dieses Problem mit wenigen Zeilen abgehandelt:
$(document).ready(function(){
$('img').closest('a').css(Dein CSS für den Link);
});
Mit Dank an den Rock’n'Roll Neandertaler für die Lösung.
Auch interessant:
