부동 이미지가 앵커로 감싸는 CSS 문제

나는 '무언가'의 클래스가 주어진다면 HTML로 정의 된 이미지 묶음을 가지고 있고, 그런 다음 Wordpress의 마술을 통해 클래스 나 ID가없는 앵커로 감싸집니다. 에 의해 그것을 확인하십시오. 나는 함께 ...부동 이미지가 앵커로 감싸는 CSS 문제

<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>

내가 .picasa-image로 선택하여 내 이미지에 대한 규칙을 설정할 수 있어요하지만 난 그게 왼쪽으로 떠 때, 그것은 무시됩니다 끝낸다. 앵커 태그를 제거하면 올바르게 고정됩니다. 나는 앵커를 떠올리게 할 때 올바르게 떠 다닙니다 (그러나 페이지의 다른 모든 앵커는 떠있었습니다).

이미지를 포함하는 앵커 태그의 스타일을 CSS에서 어떻게 설정합니까?

출처

2012-04-07 Billy Moon

URL을 가지고 계신가요? Firebug (또는 유사)를 체크인 한 것으로 추측됩니다. float를 재정의하는 방법을 보려면 왼쪽을 클릭하십시오. –

난 방화범이 끌려서, 앵커에 전혀 '플로트 (float)'규칙이 없으며, 앵커의 요소 스타일에 플롯을 적용하면 예상대로 작동합니다. –

그렇게 할 수있는 가장 깨끗한 방법은 (AN 높은 선택 특이성 또는 !important 선언 예)

그렇지 않으면 대안에 또 다른 더 구체적인 규칙과 이미지를 왼쪽으로 떠 허용하지 않습니다 규칙을 무시하다 당신이 말했듯이 이미지와의 모든 연결 고리가 왼쪽으로 떠있었습니다. css에서 조상 선택기가 없으므로 특정 선택기 속성과 함께 다른 방법으로 해당 링크를 타겟팅해야합니다.

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

당신은 .JPG를 가리키는 모든 링크를 타겟으로 또는 해당 링크가 www.test.com으로 시작하면 또 다른 가능성은

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

을 대상으로하거나 해당 링크에 클래스를 적용하는 것입니다.

출처

2012-04-07 12:03:22 fcalderan

부동 이미지가 앵커로 감싸는 CSS 문제

답변

관련 문제