Anwenden von CSS durch Verweisen auf ein externes Hot-Link-Bild, das auf einer anderen Website gehostet wird

Question

Dies ist keine doppelte Frage, da ich versuche, css eines externen Bildes mit einem href-Wert zu überschreiben.

Ich habe dieses externe Bild über eine Wordpress-Website setzen, aber ich kann nicht einen Weg, um die Bildbreite mit CSS zu ändern. Das Problem ist, ich kann den Code hier nicht ändern. Die "wpd_wrapper" -Klasse wird auch an anderen Stellen auf der Website verwendet.

Ich möchte die Bildbreite 110px

<div class="wpb_wrapper"> 
    <a href="https://geo.itunes.apple.com/us/album/nuh-strange-face-single/id392890270?at=11lSfu&amp;mt=1&amp;app=music" style="display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_music-lrg.svg) no-repeat;width:162px;height:40px;"></a> 
</div> 

ich mit [Attribut], um das Bild ausgewählt haben versucht, machen, wie unten. Aber es funktioniert nicht. Was mache ich hier falsch?

img[url*="badge_music-lrg.svg"] { 
    width: 110px !important; 
} 

Answer 1

I @ Quentin Richtungen gefolgt und kam mit der Antwort auf

a[style*='badge_music-lrg.svg'] { 
width: 110px !important; 
} 

Answer 2

Es ist nicht ein <img> ist so der img Typselektor nicht übereinstimmen.

Es hat kein url Attribut, so dass Ihr Attributselektor, der nach url=something sucht, nicht übereinstimmt.

Ziel etwas, das da ist. Es ist ein <a> Element und es hat ein style Attribut.