CSS-Problem mit schwebenden Bildern in Anker eingewickelt

Question

Ich habe eine Reihe von Bildern in HTML definiert, eine Klasse von "etwas-einzigartig" gegeben und dann über die Magie von WordPress, sind sie mit einem Anker ohne Klasse oder ID umwickelt identifiziere es durch. Ich am Ende mit ...

<a href="http://test.com/DSC_0042.JPG" title="Details of image"> 
    <img class="picasa-image alignleft" width="150" height="150" alt="DSC_0042.JPG" src="http://picasa-image.url/s150-c/DSC_0042.JPG" title="Details of image"> 
</a> 

Ich bin in der Lage Regeln mein Bild zu setzen, indem sie mit .picasa-image Auswahl, aber wenn ich es schweben gelassen wird, wird es ignoriert. Wenn ich das Anker-Tag entferne, schwimmt es korrekt. Wenn ich Anker nach links schwebe, schwimmt es korrekt (aber alle anderen Anker auf der Seite sind schwebend).

Wie stelle ich den Stil des Anker-Tags mit meinen Bildern in CSS ein?

Answer 1

Der sauberste Weg, dies zu tun, ist die Regel außer Kraft setzen, der nicht so dass Sie die Bilder mit einer anderen spezifischere Regel links schweben (zB mit einer höheren Selektor Spezifität oder mit !important Erklärung)

Ansonsten eine Abhilfe zu schweben Sie, wie Sie sagten, alle Links mit einem Bild. Da Sie in css keinen Vorfahren-Selektor haben, müssen Sie diese Links auf andere Weise mit einem spezifischen Selektor-Attribut, z.

a[href$=".JPG"] { float : left } 

und Sie werden alle Links zu einer .JPG zeigen zielen oder, wenn diese Verbindungen mit www.test.com starten eine andere Möglichkeit ist

a[href^="http://test.com"] { float : left } 

oder einfach nur anwenden, eine Klasse zu diesen Links zu zielen.