CSS Anker Stil für Bilder

Question

ich einen Stil für alle meine Links, aber das Problem ist, dass jeder Anker, der ein Bild hat offensichtlich den gleichen Stil haben wird.

Gibt es eine Möglichkeit, den Stil für die Bilder zu überschreiben, ohne eine Klasse auf alle Bilder anwenden zu müssen, die diesen Stil entfernen?

Answer 1

a img { 
/* alternative style for hyperlinked images */ 
} 

Answer 2

Nein, es gibt keine CSS-Selektor die <a> Elemente erfassen wird, die nur ein <img> Element enthalten. Sie müssen eine Klasse entweder zur Entwurfszeit oder zur Laufzeit mit Javascript anwenden.

Answer 3

Ich würde empfehlen, Ihren Code neu zu schreiben, um keine Bilder zu verwenden, aber für Ihre Links zu Bildern verwenden Sie einfach anklickbare divs, die als Blöcke angezeigt werden.

<div id="x"><a href=".." class="y"></a></div> 


.y { 
display: block; 
} 

#x { 
width:..; 
height:..; 
padding:0; 
margin:0; 
background-image:url(IMGPATHHERE!); 
} 

#x:hover { 
width:..; 
height:..; 
padding:0; 
margin:0; 
background-image:url(THEHOVERIMGHERE!); 
cursor:hand; 
} 

Answer 4

Sie können jQuery qualifizierten Selektoren $ ('a: hat (img)')