모든 .jpg 링크에 특정 배경 이미지가 있어야합니다. 따라서 'http://mysite/myimage.jpg'과 같은 페이지의 링크는 자동으로 작은 아이콘으로 시작됩니다. 실제로는 이미지에 대한 모든 링크 (예 : .gif .png)가 동일한 아이콘으로 연결됩니다. 링크가 웹 사이트 (예 : .htm/.php/.html/.asp)에 연결되면 다른 이미지가 있어야합니다. 나는 그것이 CSS의 수업을 통과하기를 원한다. 어떤 도움을 주셔서 감사합니다. TIA이미지 하이퍼 링크에 배경 이미지가 표시되게하려면 어떻게해야합니까?
난이, 그것이 비록 CSS3 속성 선택기를 사용하고 작업을해야한다고 생각을, 그래서 브라우저 구현은 격렬하게 다릅니다
a[href$='png'],
a[href$='gif'] {/* styles */}
기본적으로 href 속성이 ('$= 부분'으로 끝나는) 파일 유형 확장자 'png'또는 'gif'로 끝나는 모든 링크를 선택하고 있습니다 (분명히 다른 파일 유형도 유사하게 가능합니다). 편집 http://www.css3.info/preview/attribute-selectors/
:에서
참조하고, 자세한 내용
그래서, 나는
을 사용, 단지 유튜브 링크에 대한 특별한 BG 이미지를 만들고 싶었다 경우a[href$='youtube'] {/* styles */}
아니요, YouTube 링크 만 원한다면 다음을 사용할 수 있습니다.
a[href*=youtube] { /* css */ }
*=는 사용할 수 있지만에 해당하는이 '포함'입니다 : 내가 생각
a[href^=http://www.youtube.com] { /* css */ }
CSS 선택기 + 배경 URL 속성을 사용하여이를 수행 할 수 있습니다. 예를 들어, 앵커 태그 내의 모든 IMG 태그 아이콘을 포함합니다 :
A IMG { background: url("/icon.png") no-repeat scroll; }
을 그가 * * 이미지, * 모든 링크가 포함 아니라보다 링크 모든 링크를 의미 * 이미지 (하지만 이전에 잘못되었으므로 올바를 수도 있습니다.) –
답장을 보내 주셔서 감사합니다. 예, 실제로 이미지에 링크 된 모든 링크와이 코드 [href $ = 'gif'] {/ * styles * /} 이 완벽하게 작동해야합니다. 나는 전에 그것을 보았지만 구문이 잘못되어 작동하지 않았다. 내가 ricebowl
a[href$='youtube'] {/* styles */}– Richard감사를 사용하는 것이 바로 유튜브 링크에 대한 특별한 BG 이미지를 만들고 싶었다 경우 그래서, 나는 당신의 참고 문헌을 따라 조금 더 주위를 파고 [HREF^= HTTP : //example.com] {color : red; } 위의 예와 같이 http://css-tricks.com/attribute-selectors/에 있습니다. 도움의 손길에 너무 감사드립니다. 나는 무엇을 찾아야할지 알 필요가있었습니다. 물고기를 가르쳐 줬어! 그만한 가치가있어. – Richard