이미지의 CSS 앵커 스타일

Question

모든 내 링크의 스타일을 설정했지만 이미지가있는 앵커는 분명히 동일한 스타일을 사용한다는 점에서 문제가 있습니다.

내가 그 스타일을 제거하는 모든 이미지에 클래스를 적용 할 필요없이 이미지 스타일을 덮어 쓸 수있는 방법이 있습니까?

Answer 1

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

Answer 2

아니, 단지 <img> 요소를 포함 <a> 요소를 캡처합니다 어떤 CSS 선택이 없습니다. 자바 스크립트로 디자인 타임이나 런타임에 수업을 적용해야합니다.

Answer 3

코드를 다시 작성하여 이미지를 사용하지 말고 이미지가있는 링크에는 클릭 가능한 div를 블록으로 표시하는 것이 좋습니다.

<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

당신은 ('A :이 (IMG)') jQuery를 자격을 갖춘 선택기 $를 사용할 수 있습니다